mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
2950dae1e0
### Why? Although the style applied to the shadow host is isolated, the element that attached the shadow host (i.e. `nextjs-portal`) is still affected by the parent's style (e.g. `body`). This may occur style conflicts like `display: flex`, with other children elements therefore give the shadow host an absolute position. Fixes #70675 Closes NDX-640 --------- Co-authored-by: samcx <[email protected]> Co-authored-by: devjiwonchoi <[email protected]>
13 lines
249 B
TypeScript
13 lines
249 B
TypeScript
export default function Page() {
|
|
return (
|
|
<>
|
|
<div id="div1" style={{ background: 'pink', width: 100 }}>
|
|
div 1
|
|
</div>
|
|
<div id="div2" style={{ background: 'cyan', width: 100 }}>
|
|
div 2
|
|
</div>
|
|
</>
|
|
)
|
|
}
|