css outline issue...how to disable the focus outline of the '.container' inside the shadow root...

[rchrdnsh]

The div with the class='container' adds an outline when :focused`, which is not nice to look at. How can I disable that outline and maybe replace it with something nicer?

[elalish]

We recommend the :focus-visible polyfill for just this purpose.

[rchrdnsh]

k, installed the polyfill, but not sure how to use it...do I need to do anything at all to <model-viewer> or any of it's child components? do I need to target the shadow .container, or should it simply just work?

[elalish]

Should just work. You can test on our Glitch.