Fix Stickerpicker layout crossing multiple CSS stacking contexts (#12126)

t3chguy · github-actions[bot] · commit 4a04ff94e2f1 · 2024-01-10T02:20:12.000Z
(cherry picked from commit 57bb64f)
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} />`