Issue: Some JavaScript behavior options are not functioning correctly, and there is a lack of precise documentation regarding their usage

[SHVM-09]

While working on my project using Preline and TailwindCSS, I encountered an issue with certain JavaScript behavior options for my modal, which utilizes the overlay plugin in Preline.

I meticulously tested each JS behavior option from here, but I observed that some worked flawlessly while others did not. The reasons for their malfunction could be attributed to the following:

1. Incorrect syntax or incorrect placement of option classes.
2. Possible bugs in the implementation from your end.
3. Missing implementation steps in the documentation.

I have provided a demo project where I have listed the JS options I tried, indicating which ones worked and which ones did not.

To replicate the issue, please download the zip file, run npm install, and then execute npm run watch for continuous Tailwind CSS watch. You can open the HTML file using the Live Server extension in VS Code.

js-options.zip

Here's a breakdown of my findings:

Working Options (Functioning Properly):

1. data-hs-overlay
2. isClosePrev
3. autofocus
4. [--overlay-backdrop:*]
5. [--auto-hide:*]
6. hs-overlay-open
7. hs-overlay-backdrop-open

Working but Exhibiting Strange Behavior:

1. [--tab-accessibility-limited:*]
2. data-hs-overlay-backdrop-container

Not Working or Exhibiting Unknown Behavior:

1. hiddenClass
2. backdropClasses
3. data-hs-overlay-keyboard
4. [--body-scroll:*]
5. [--has-autofocus:*]
6. hs-overlay-toggle (I couldn't find any documentation on this in your repository.)

I would greatly appreciate it if you could provide guidelines on how to use these options that are not working correctly or behaving strangely. This guidance would immensely assist me in advancing my project.

Any assistance you can provide would be highly valued.