Comments (1)
The only way to avoid this is to initialize the isLoading
value to some falsy value other than false
. Maybe null
. Then the button would only render its children. When you pass it isLoading={false}
, it wraps its children with an HOC that renders the <Loader/>
component alongside the children, with the visibility set to 0
. So even if not visible, the DOM elements that represents the loader are still part of the DOM and they become part of the snapshot.
Note that due to the CSS involved, if you start off with isLoading={null}
, the first transition to isLoading={true}
will be sudden, while any subsequent ones (true->false, false->true) will have a 150ms animation time.
from components.
Related Issues (20)
- [Table]: Body font colour is too light HOT 1
- tab: disabled state cursor pointer
- Feature request: tabs HOT 4
- Feature request: Search Input HOT 2
- Feature request: Button HOT 1
- Jest Dev Dependency: yarn install throws - The engine "node" is incompatible with this module HOT 3
- [FieldWrapper]: Styled versions incorrectly applying CSS HOT 2
- Feature request: Add scrollbar config to stitches config HOT 2
- Feature request: Better scrolling for Tabs in mobile view HOT 2
- Feature request: HOC for Tooltips HOT 2
- Feature request: Icon
- `Tabs.TriggerList`: scrolling to the end/begin of a list does not hide the arrow HOT 2
- Feature request: ActionIcon
- Feature request: AlertDialog HOT 1
- Feature request: Avatar HOT 2
- [Select]: Component doesn't accommodate a controlled usage HOT 1
- Can't override gridTemplateColumns in Grid component HOT 1
- Replace `polished` with `color2k`
- Feature request: Badge
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 components.