[Backport staging] Fix Stickerpicker layout crossing multiple CSS stacking contexts (#12127)

RiotRobot · t3chguy · web-flow · commit 9f2719aa284e · 2024-01-10T10:31:25.000Z
Co-authored-by: Michael Telatynski &lt;7t3chguy@gmail.com&gt;
diff --git a/src/components/views/rooms/Stickerpicker.tsx b/src/components/views/rooms/Stickerpicker.tsx
@@ -356,6 +356,7 @@ export default class Stickerpicker extends React.PureComponent<IProps, IState> {
                 menuPaddingLeft={0}
                 menuPaddingRight={0}
                 zIndex={STICKERPICKER_Z_INDEX}
+                mountAsChild={true}
                 {...this.props.menuPosition}
             >
                 <GenericElementContextMenu element={this.getStickerpickerContent()} onResize={this.onFinished} />

Original file line number	Diff line number	Diff line change
`@@ -356,6 +356,7 @@ export default class Stickerpicker extends React.PureComponent<IProps, IState> {`
`356`	`356`	`menuPaddingLeft={0}`
`357`	`357`	`menuPaddingRight={0}`
`358`	`358`	`zIndex={STICKERPICKER_Z_INDEX}`
	`359`	`+ mountAsChild={true}`
`359`	`360`	`{...this.props.menuPosition}`
`360`	`361`	`>`
`361`	`362`	`<GenericElementContextMenu element={this.getStickerpickerContent()} onResize={this.onFinished} />`