Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Customizable ZIndex Layering #10298

Closed
22 tasks done
yigitfindikli opened this issue Jun 3, 2021 · 1 comment
Closed
22 tasks done

Customizable ZIndex Layering #10298

yigitfindikli opened this issue Jun 3, 2021 · 1 comment
Assignees
@yigitfindikli
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone
12.1.0-rc.1

Comments

@yigitfindikli
Copy link
Contributor

Users can specify base ZIndex for all components.

import PrimeReact from 'primereact/api';

// Default values
PrimeReact.zIndex = {
   modal: 1100,
   overlay: 1000,
   menu: 1000,
   tooltip: 1100
};

Component Groups

modal

  • Dialog
  • Galleria
  • Sidebar
  • Toast
  • Calendar (Touch mode)

overlay

  • AutoComplete
  • Calendar
  • CascadeSelect
  • ColorPicker
  • ConfirmPopup
  • Dropdown
  • MultiSelect
  • OverlayPanel
  • Password
  • ScrollTop
  • SplitButton

menu

  • ContextMenu
  • Menu
  • Menubar
  • SlideMenu
  • TieredMenu

tooltip

  • Tooltip
@yigitfindikli yigitfindikli added the Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add label Jun 3, 2021
@yigitfindikli yigitfindikli self-assigned this Jun 3, 2021
@yigitfindikli yigitfindikli added this to the 12.1.0-rc.1 milestone Jun 3, 2021
yigitfindikli added a commit that referenced this issue Jun 3, 2021
@yigitfindikli
Demo update for #10298
abb4cff
@sven42
Copy link

sven42 commented Oct 25, 2021

It seems that ConfirmDialog has been forgotten here? After this change a modal ConfirmDialog opened after a normal modal dialog has a zIndex lower than the normal dialog and is not visible anymore.

@sven42 sven42 mentioned this issue Oct 25, 2021
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@yigitfindikli yigitfindikli

Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Milestone
12.1.0-rc.1
Development

No branches or pull requests
2 participants
@sven42 @yigitfindikli