Comments (2)
Hello Brian,
thanks for reaching out.
I was only able to reproduce what you've mentioned in our Popover component page, by setting, for example, transform: scale(0.5)
in the Playground content element.
Standard zoom from Chrome 103 didn't impact the component for me. Which browser are you using?
Nonetheless, using the renderWithPortal
property solved this for me. Enabling this property will allow the popover to be rendered in the root stack context using React Portals (however, depending on your use case - ie: if transform: scale
is applied to the whole document - this might not be the solution).
Could you please share your source code with us or let us know if enabling that property solved it for you?
Thank you,
RC
from components.
@rubencarvalho that does the trick, amazing buddy thanks! How did I not know about React portals also!? Thanks for the bit of education too ;-)
from components.
Related Issues (20)
- [Bug]: Build Error HOT 2
- Sint at et optio et HOT 1
- [Bug]: Date picker value format is different with show format HOT 2
- [Bug]: 'getLogicalBoundingClientRect' is not exported HOT 2
- top nav bar issue HOT 1
- Limit number of pagination pages shown when having large amount of items. HOT 1
- [Feature Request]: Time Picker HOT 1
- [Feature Request]: Hope to support Menu tabs theme customization ability HOT 3
- [Bug]: Drag and drop to upload a file does not work on macOS Safari HOT 2
- [Feature Request]: Paste to upload file HOT 3
- [Bug]: Gap between files missing on Safari HOT 1
- [Bug]: Updating selectedItems in Table component does not update HOT 1
- [Bug]: `act` from `react-dom/test-utils` is deprecated HOT 4
- [Bug]: Warning when openning and then closing dialog in tests HOT 4
- [Feature Request]: Custom button for DateRangePicker trigger node. HOT 1
- [Feature Request]: Allow year-by-year navigation in date picker HOT 3
- [Bug]: Missing "./internal/analytics-metadata" specifier in "@cloudscape-design/component-toolkit" package after upgrading from 3.0.684 HOT 2
- [Bug]: Theming and nested rules HOT 1
- [Feature Request]: Keyboard Focus Tabs enhancement HOT 2
- Table component Requirement of infinite scroll with less rendering like react window 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 components.