Comments (1)
I added !overflow-y-scroll !pr-0
to the html
styles. In tailwind.css
for example:
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
html {
@apply !overflow-y-scroll !pr-0; /*`@nuxt/ui` override to prevent scroll bar jumping with modals */
}
}
This prevents the janky effect with closing modals. Maybe it helps in this case too!
Without these styles:
https://github.com/nuxt/ui/assets/32813692/689cb775-3410-444e-94da-f2df6f49284e
With these styles:
https://github.com/nuxt/ui/assets/32813692/6e560e9d-da45-43d8-8ad2-23c50a7c487d
from ui.
Related Issues (20)
- Opening multiple slideover closes the previous ones automatically HOT 2
- Add UButton form props ? HOT 8
- Difference between the UI packages HOT 1
- UPopover Added non-passive event listener to a scroll-blocking 'touchstart' event HOT 1
- `UTabs` default icon field
- Adaptation for vue? HOT 2
- UTable - Change default loading to use USkeleton HOT 2
- Nested Zod schemas validation fails HOT 2
- <USelectMenu> Options Menu Transition Update HOT 1
- misaligned dropdown popper HOT 1
- `USelect` allow tuples HOT 2
- Issues with UInput using type File
- Request for file input components HOT 1
- customize the style of a row in UTable when we have dynamic data HOT 1
- Weird style of Accordion when setting color to gray HOT 1
- Global configuration for ULink component HOT 2
- Opt out of generating colors for toasts HOT 1
- Slideover error HOT 2
- Loading text for button HOT 1
- Is there an "onClose" event in useModal composable? HOT 2
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 ui.