Commit 9bf0d4f

leoc4ediasbruno

authored and

committed

[fixed]: css class added to root document in iframe

1 parent 4030935 commit 9bf0d4fCopy full SHA for 9bf0d4f

File tree

2 files changed

+18

-8

lines changed

docs
- index.md
src/components
- ModalPortal.js

2 files changed

+18

-8

lines changed

`‎docs/index.md`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -90,15 +90,15 @@ import ReactModal from 'react-modal';`
`90`	`90`
`91`	`91`	`bodyOpenClassName={`
`92`	`92`	`"ReactModal__Body--open"`
`93`		`- /* String className to be applied to the document.body`
	`93`	`+ /* String className to be applied to the modal ownerDocument.body`
`94`	`94`	`(must be a constant string).`
`95`	`95`	This attribute when set as `null` doesn't add any class
`96`	`96`	`to document.body.`
`97`	`97`	See the `Styles` section for more details. */}
`98`	`98`
`99`	`99`	`htmlOpenClassName={`
`100`	`100`	`"ReactModal__Html--open"`
`101`		`- /* String className to be applied to the document.html`
	`101`	`+ /* String className to be applied to the modal ownerDocument.html`
`102`	`102`	`(must be a constant string).`
`103`	`103`	This attribute is `null` by default.
`104`	`104`	See the `Styles` section for more details. */}

`‎src/components/ModalPortal.js`

Lines changed: 16 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ export default class ModalPortal extends Component {`
`43`	`43`	`}),`
`44`	`44`	`className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),`
`45`	`45`	`overlayClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),`
	`46`	`+ parentSelector: PropTypes.func,`
`46`	`47`	`bodyOpenClassName: PropTypes.string,`
`47`	`48`	`htmlOpenClassName: PropTypes.string,`
`48`	`49`	`ariaHideApp: PropTypes.bool,`
`@@ -149,15 +150,19 @@ export default class ModalPortal extends Component {`
`149`	`150`	`appElement,`
`150`	`151`	`ariaHideApp,`
`151`	`152`	`htmlOpenClassName,`
`152`		`- bodyOpenClassName`
	`153`	`+ bodyOpenClassName,`
	`154`	`+ parentSelector`
`153`	`155`	`} = this.props;`
`154`	`156`
	`157`	`+ const parentDocument =`
	`158`	`+ (parentSelector && parentSelector().ownerDocument) \|\| document;`
	`159`	`+`
`155`	`160`	`// Add classes.`
`156`		`- bodyOpenClassName && classList.add(document.body, bodyOpenClassName);`
	`161`	`+ bodyOpenClassName && classList.add(parentDocument.body, bodyOpenClassName);`
`157`	`162`
`158`	`163`	`htmlOpenClassName &&`
`159`	`164`	`classList.add(`
`160`		`- document.getElementsByTagName("html")[0],`
	`165`	`+ parentDocument.getElementsByTagName("html")[0],`
`161`	`166`	`htmlOpenClassName`
`162`	`167`	`);`
`163`	`168`
`@@ -174,15 +179,20 @@ export default class ModalPortal extends Component {`
`174`	`179`	`appElement,`
`175`	`180`	`ariaHideApp,`
`176`	`181`	`htmlOpenClassName,`
`177`		`- bodyOpenClassName`
	`182`	`+ bodyOpenClassName,`
	`183`	`+ parentSelector`
`178`	`184`	`} = this.props;`
`179`	`185`
	`186`	`+ const parentDocument =`
	`187`	`+ (parentSelector && parentSelector().ownerDocument) \|\| document;`
	`188`	`+`
`180`	`189`	`// Remove classes.`
`181`		`- bodyOpenClassName && classList.remove(document.body, bodyOpenClassName);`
	`190`	`+ bodyOpenClassName &&`
	`191`	`+ classList.remove(parentDocument.body, bodyOpenClassName);`
`182`	`192`
`183`	`193`	`htmlOpenClassName &&`
`184`	`194`	`classList.remove(`
`185`		`- document.getElementsByTagName("html")[0],`
	`195`	`+ parentDocument.getElementsByTagName("html")[0],`
`186`	`196`	`htmlOpenClassName`
`187`	`197`	`);`
`188`	`198`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 9bf0d4f

File tree

2 files changed

2 files changed

`‎docs/index.md`

`‎src/components/ModalPortal.js`

0 commit comments