preline icon indicating copy to clipboard operation
preline copied to clipboard

Stacked Overlays issue on Example page

Open hieuhuynh93 opened this issue 1 year ago • 2 comments

When I open the 2nd Modal, the 1st Modal is still on top of the 2nd Modal. I have to turn off the 1st Modal to see the 2nd Modal. Gsya4Pkx -2024-01-15 at 23 57 15

hieuhuynh93 avatar Jan 15 '24 16:01 hieuhuynh93

also how do i disable the close on esc for the 1st modal when 2nd modal is opened? cos currently when i stack modals and press escaped it closes.

const secondOverlay = HSOverlay.getInstance(
      document.querySelector('#second-overlay'),
      true
    );
 const element = (secondOverlay as any).element;
  element.isClosePrev = false;
  element.open();

jagabs avatar Jan 22 '24 02:01 jagabs

When I open the 2nd Modal, the 1st Modal is still on top of the 2nd Modal. I have to turn off the 1st Modal to see the 2nd Modal. Gsya4Pkx -2024-01-15 at 23 57 15 Gsya4Pkx -2024-01-15 at 23 57 15

The z-index of the first element was wrong, it should be 60, instead of 80. This will solve the problem

olegpix avatar Jan 23 '24 12:01 olegpix

Hey @hieuhuynh93 - it's been fixed, thanks for reporting!

jahaganiev avatar Apr 03 '24 23:04 jahaganiev