Comments (7)
@zguolee Bingo!
I thought It is fromuseDOMScrollLock
.Yes, the Close button in the width demo can be due to VitePress.
I am removing
upstream
label because the main issue is we are facing a scroll shift while opening dialog.Maybe I should test this in fresh vuejs project without VitePress and update the issue.
There is no problem with building and preview only have warnings. When I refresh the production web, the browser console
shows a Hydration completed but contains mismatches.
error, which may be a deployment problem(vuejs/vitepress#1143)?
from anu.
Hey guys,
We have fixed SSR issues so we won't get Hydration completed but contains mismatches
. π₯
from anu.
I could not reproduce this bug in Chrome 105.0.5195.102, Safari 15.6 (17613.3.9.1.5), or Firefox 104.0.2 (64 bit) on macOS Monterey 12.5
In firefox and safari browsers, there is a button in the dialog that shouldn't be there.
from anu.
The close button you are seeing in the width demo might be due to some glitch. Please clear the cache and reload the page, hopefully, it will go away.
Moreover, regarding reproducing the issue, you will open demos repeatedly & randomly and in around 20-30 seconds you will get the bug.
I hope this will help you.
from anu.
I could not reproduce this bug in Chrome 105.0.5195.102, Safari 15.6 (17613.3.9.1.5), or Firefox 104.0.2 (64 bit) on macOS Monterey 12.5
It may be a bug of vitepress
, and the reproduction process: directly enter the link(e.g.Dialog) and refresh the web page, and then it will appear, and even the content will not be available.
from anu.
@zguolee Bingo!
I thought It is from useDOMScrollLock
.
Yes, the Close button in the width demo can be due to VitePress.
I am removing upstream
label because the main issue is we are facing a scroll shift while opening dialog.
Maybe I should test this in fresh vuejs project without VitePress and update the issue.
from anu.
Hi, not sure if I should post into a new thread, but mentioning it here first, on an unexpected UI behaviour when dialog shows up, in a page that's fit in screen (ie no scroll bar). Forcing a scroll lock in this situation result in creation of scroll bar and hence a jiggle effect where everything on screen is shifted to the left of the newly created scrollbar. This is tested on a Windows 11 Laptop, Chrome browser latest.
Expected behaviour is no scroll lock performed when a page is fit (and thus no existing scrollbar).
from anu.
Related Issues (20)
- feat: chip closable advance HOT 2
- Styles are not loaded in the latest Nuxt HOT 7
- [docs] Components such as Select and Radio in the document cannot interact HOT 1
- svelte support HOT 1
- nuxt - anu-vue/volar HOT 3
- update vueuse peerDependencies
- WARN [unocss] include option is deprecated, use content.pipeline.include instead. HOT 2
- Tabs border does not respond to window size change HOT 1
- [unocss] include option is deprecated, use content.pipeline.include instead. But, I didn't use include.
- Colors broken with UnoCSS v0.57 HOT 7
- Have a Bug in the switch component? HOT 3
- typescript types errorοΌ HOT 2
- π€Ήπ»ββοΈ Framework stability in Vue Ecosystem & my vision HOT 6
- update vue peerDependencies HOT 1
- How the selection box sets the properties of the display HOT 1
- [Select] Feature request: Groups for the select element
- v1
- List component unusable with TypeScript HOT 4
- ADatatable : event on clicked / hovered
- Style conflict vitepress 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 anu.