preline icon indicating copy to clipboard operation
preline copied to clipboard

Application sidebar's backdrop element not being removed/hidden after resizing screen size from lg size to md/sm size

Open MarkCay opened this issue 1 year ago • 2 comments

I just tried Preline today and it was great, until I encountered an issue. The application sidebar's backdrop element is not being removed after resizing screen size from lg size to md/sm size.

How to reproduce?

  1. Visit https://preline.co/examples/html/application-layout-sidebar.html
  2. Resize your screen to md size (https://tailwindcss.com/docs/screens)
  3. Click the menu icon
  4. Resize your screen to lg size or higher (https://tailwindcss.com/docs/screens)

Now after completing these steps, you can now reproduce the application sidebar's backdrop element that cannot be toggled to close. For now, I temporarily used JavaScript to remove the element.

MarkCay avatar Feb 06 '24 13:02 MarkCay

Here's a screen recording that also demonstrates how the issue can be reproduced.

ezgif-2-570b251800

(As you can see, the only way to remove/hide the backdrop (without altering the code) is to click the backdrop and then click an accordion item.)

MarkCay avatar Feb 06 '24 13:02 MarkCay

Here's a screen recording that also demonstrates how the issue can be reproduced.

ezgif-2-570b251800 ezgif-2-570b251800

(As you can see, the only way to remove/hide the backdrop (without altering the code) is to click the backdrop and then click an accordion item.)

Hi! This issue will be solved in the next update.

olegpix avatar Feb 28 '24 16:02 olegpix

duplicated #136

jahaganiev avatar Mar 27 '24 23:03 jahaganiev

Hey @MarkCay - just to update you, the issue has been fixed. Thanks!

jahaganiev avatar Apr 03 '24 23:04 jahaganiev

Hi @jahaganiev , thanks for the update!

MarkCay avatar Apr 05 '24 14:04 MarkCay