Comments (1)
Setting the data-hs-overlay-keyboard to true doesn't prevent the Esc button to close the modal.
function QuoteForm() { const totalSteps = 8; const [currentStep, setCurrentStep] = useState(1); ... return ( <> <div id="QuoteFormModal" className="hs-overlay hidden w-full h-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto pointer-events-none [--overlay-backdrop:static]" data-hs-overlay-keyboard="true" > <div className="hs-overlay-open:mt-0 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-10 opacity-0 transition-all w-full max-w-full fixed md:static bottom-0 md:hs-overlay-open:mt-10 md:mt-0 md:max-w-lg md:mx-auto"> <div className="flex flex-col bg-white md:border rounded-t-xl md:rounded-b-xl pointer-events-auto md:shadow-sm"> <div className="px-6 md:px-10"> <ProgressBar currentStep={currentStep} totalSteps={totalSteps} /> {renderStep()} </div> </div> </div> </div> </> ); } export default QuoteForm;
Hi!
Thanks for noticing! We will fix this in the next update
from preline.
Related Issues (20)
- Steps on number input HOT 1
- collapse component not working on chrome, works in Firefox HOT 1
- Scrolling bug in the Scrollspy plugin in Chrome HOT 1
- Advanced Select Not displayed as expected in Nextjs HOT 1
- Vertically centered modals don't work HOT 3
- layout shift due to removal of scroll bar in browser HOT 2
- Second level dropdown does not work in firefox but does work in chrome HOT 1
- Search Issue with Non-Latin Characters in Select Plugin HOT 1
- Preline doesn't work with Solid.js and solid-start HOT 1
- Functions not working in React-Inertia project HOT 2
- javascript plugin not working HOT 1
- Preline Javascript plugin not working HOT 3
- Cannot dismiss opened Advanced Select controls while using FireFox HOT 3
- Unable to use Preline Examples in Remix App HOT 2
- Add option and select option HOT 1
- Conflict using Splide JS with Preline Tabs HOT 1
- Dropdown Stop Working with Livewire V3 Pagination In next page HOT 1
- HSAdvanced Select Disabled option doesn't work in tags mode.
- This installation guide is not working on App.jsx
- Advanced Select not working in Nuxt.js (Vue.js)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from preline.