Comments (4)
Why do you need that? Why is not good enough to style just its child content? (You are asking about the empty div
that is dynamically appended to the document.body, right?)
from react-portal.
One example is if a web application has some general styles that apply to all HTML elements, such as position: relative
which is generally desired except in special circumstances. One special circumstance is a modal dialog. The child Portal content cannot escape from its positioned parent, which may inherit positioning from generic CSS. In this case, being able to apply a style makes it much easier to make the modal behavior of absolutely positioning the portal content across the entire screen. Does that make sense?
from react-portal.
Oh, that's a very valid point.
Is it good enough to add a CSS class (e.g react-portal
) to the portal root element? I believe React inline styles (and passing them as an another prop) can't be used since the portal root div is created out of React's scope. It would be nice to achieve that though (any idea how?). Will you send a PR?
from react-portal.
Is there a way to set a className on the Portal
Or this. It's more explicit for users, therefore better.
from react-portal.
Related Issues (20)
- How to enable SSR of portaled content? HOT 9
- No umd bundle
- Support for react native HOT 2
- Add nodeID and nodeClassName props to Portal HOT 2
- Portal break when node=document.body
- can I render two elements in a portal? HOT 1
- Does not work with SSR HOT 11
- handleoutside not triggering on clicking the sibbling child element it open the both the menu item at once HOT 1
- closeOnOutsideClick does not work with reactstrap Modal component HOT 1
- Using state to conditionally render components causing PortalWithState modal to close when closeOnOutsideClick true HOT 2
- Portal closes when dragging from inside portal and releasing outside of portal
- [Feature Request] Optional prop to render only one child at a time
- closeOnOutSideClick triggered condition
- react-dom is not listed in peerDependencies HOT 3
- react-portal onOpen Not Firing
- openByClickOn Not Displaying The Button In v4
- demo page would be helpful
- Portal deprecated according to TS in VScode HOT 1
- Context information cannot be passed through the portal
- React 18 support 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 react-portal.