Comments (12)
That's odd… the modal container has a position: fixed
now. Are you sure you're using the last release of Cozy-UI and that the link/button that opens up the modal doesn't have an anchor as href
? Both could explain it.
from cozy-ui.
Settings use cozy-ui 3.0.0beta18 (see https://github.com/cozy/cozy-settings/blob/master/package.json#L83).
from cozy-ui.
Indeed, I can reproduce. I can't see why but it definitely needs a deeper investigation.
from cozy-ui.
I did not test the code on my own, but as far as I know the content may scroll up because of a preact render. If the DOM is refreshed, the view will be repaint.
It won't be related to the modal, but to the DOM update after the modal call.
from cozy-ui.
@enguerran I feared that but wasn't sure. That sucks. But i'll take a look later.
from cozy-ui.
I've been thinking about this as we keep having this problem. I wonder if we shound't ditch the myCondition && <Component />
approach, and do something like <Component visible={myCondition} />
. Then of course the component has to handle that flag, but at least the repaint won't affect anything else, right?
from cozy-ui.
@y-lohse You got me there, you're sure this is the problem or you guess it is?
from cozy-ui.
No, just based on what @enguerran says. We'd have to confirm it, but yeah, it sounds very likely.
from cozy-ui.
Ok then, I'll let someone more "javascripty" than me take this one. 😄
from cozy-ui.
I can't reproduce it anymore, did we just fixed by accident? Maybe the new modal fixed it.
Any thought on this @y-lohse @ptbrowne ?
from cozy-ui.
I never saw this bug with the Modal component, I think we can close.
from cozy-ui.
@y-lohse please reopen if you have seen this issue ;)
from cozy-ui.
Related Issues (20)
- Input, Field : force `spellcheck` to `false` HOT 1
- TextField: disable spell checking by default
- Utility classes: which classes should have an `!important` annotation on their declaration? HOT 1
- Viewer: padding and margins in the panel and bottom sheet are not consistent and unbalanced
- Missing portage color into palette.styl HOT 4
- evolution : arborescence cozy-ui HOT 3
- Flaky tests for some snapshots
- The automated release is failing 🚨 HOT 1
- SelectionBar is behind design requirements
- SquareAppIcon : mix-blend-mode and scale issue HOT 1
- SquareAppIcon : glitch with spinner HOT 1
- SquareAppIcon : classes, theme and color
- Switch : should handle secondary/error/success/info/warning colors
- Improve Snackbar and Fab button to make app more agnostic from Flagship application
- ListItem without List doesn't work with ListItemSecondaryAction
- Typography: should handle severity and success / warning / info colors
- PointerAlert: should use `grid` instead of `absolute` and `margin` positionning
- NestedSelect: should handle asynchronous options
- Conflict to disable ellipsis into ListItem
- Migration to material-ui v5
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 cozy-ui.