using getInlineAnchorList with Mantine
I'm trying to inject a Mantine button into multiple components at the same time using
getInlineAnchorList()
using document.querySelectorAll()
and only the first button is rendering properly, the rest are unstyled
mantine buttons![](https://utfs.io/f/8944d46c-6c68-4c59-b5ef-c67c05f10539-r9ghx2.30.37_PM.png)
21 Replies
for example^
can you try inspecting the button and see if the style tag is appended
it is yeah
![](https://utfs.io/f/02352e87-d0e2-4dc6-9d3c-a815352cd7b3-r9ghx2.34.35_PM.png)
this is what the unstyled button looks like^
and the styled button
![](https://utfs.io/f/c1254cce-a3b1-456c-9a51-810332a735dd-r9ghx2.35.07_PM.png)
hehhhh
that's a bug in CSUI inline anchor imo
I think so
it should inejct the style for each one of those shadowDOM
I wonder why it's not doing that :d........
1 hypothesis I can think of is....
did you create a single style element at the top of your CSUI?
yeah
shoudl I be creating more than 1
yeah, I think it references the exact same one and thus the getStyle just apply each other
so only the last getStyle call can get the style element hmmm
but taht means they should both inherit the styles no?
interesting
I think that's not the case bc getStyle works with the style element itself
and element in DOM are referenced like pointer, not by value
what would be the solution?
or temporary solution
yeah I'm thinking
working on something atm btw mb if I'm slow xd