Overriding content script z-index
# support-frameworkf
flat-state-13182
06/10/2022, 10:29 AMOverriding content script z-index
flat-state-13182
06/10/2022, 10:29 AMIt seems like the context script components generated with React are being wrapped in a fixed z-index div, which makes adjusting the z-index of the component impossible. Is there any way to override this behavior?
q
quiet-engine-70935
06/10/2022, 10:29 AM@flat-state-13182 has reached level 2. GG!
f
flat-state-13182
06/10/2022, 10:33 AMIt seems like it's hardcoded in the shadow container generator
flat-state-13182
06/10/2022, 11:52 AMI've been banging my head for a while trying to figure out a way to override this without modifying the library itself, without any luck to be fair. Is there any specific reason the z-index is being set here?
l
limited-farmer-52140
06/10/2022, 3:48 PMHey @flat-state-13182 , the framework has a new feature for this (undocumented) released 3 days ago
q
quiet-engine-70935
06/10/2022, 3:48 PM@limited-farmer-52140 has reached level 13. GG!
l
limited-farmer-52140
06/10/2022, 3:48 PMYou can export a getRootContainer function that can be used to override the entire shadowDom root
limited-farmer-52140
06/10/2022, 3:50 PMOn the other hand, you can also quickly override the style of this ahadowDOM container as well using getStyle
limited-farmer-52140
06/10/2022, 3:51 PMWe will be demoing this feature lolive later today on twitch
f
flat-state-13182
06/11/2022, 7:08 AMDamn, I missed the stream. I'll check it up later
flat-state-13182
06/11/2022, 7:09 AMI saw that there was documentation lacking for getStyle, so hopefully that livestream can help with it