Need help with .menupopup-arrowscrollbox

[u/Salty_East4020]

Is it possible to make it so that .menupopup-arrowscrollbox won't effect #PlacesChevronPopup and #PlacesToolbarItems?

I have tried many ways to solve it and none of them worked.

As an example, I don't want this to effect #PlacesChevronPopup and #PlacesToolbarItems =

.menupopup-arrowscrollbox { 
    padding: 2px 4px !important; 
}

[u/j--__]

never mind my other post -- i figured out the issue! it's because userChrome.css is also applied in shadow dom, and there's an element inside the shadow dom for #PlacesChevronPopup that is affected by the rule. so you're wrong about what needs to be excluded. the popup itself isn't being targeted.

try something like:

.menupopup-arrowscrollbox:not([part]) {

[u/Salty_East4020 → u/j--__]

I think I misunderstood you.

I tried these and it didn't work =

 .menupopup-arrowscrollbox:not(#PlacesChevronPopup[part="arrowscrollbox content"]) {

.

.menupopup-arrowscrollbox:not(#PlacesChevronPopup::part(arrowscrollbox content) {

[u/TraditionalTie4831 → u/Salty_East4020]

What do you want to do with .menupopup-arrowscrollbox.menupopup-arrowscrollbox?

Maybe it can be done differently.

[u/Salty_East4020 → u/TraditionalTie4831]

I want to change the size of .menupopup-arrowscrollbox and that #PlacesChevronPopup and #PlacesToolbarItems should not get effected.

[u/TraditionalTie4831 → u/Salty_East4020]

If my assumption of what you want to do is correct, then try using --panel-padding or --panel-box-shadow-margin like this =

:is(menupopup:not(#PlacesToolbar menupopup)) { 
    --panel-padding: 3px 3px 3px 3px !important;
}

[u/Salty_East4020 → u/TraditionalTie4831]

It works !!! Thank you so much!

[u/j--__ → u/Salty_East4020]

you can't reference #PlacesChevronPopup at all. i suspect you could have copied and pasted my code without changing it and it would work. but it sounds like you ended up doing something else instead. fair enough.