Integrating Pico CSS and Quill

[hanshuebner]

Hello,

I am using Pico CSS with my React based SPA and in general, things work great. I really appreciate the minimalism of the framework and the little effort that is needed to get things looking presentable. I have run into somewhat of a roadblock with integrating the Quill editor into my App, however: Some elements - in particular in the editor toolbar - only have partial styling in Quill's own CSS and are then styled incorrectly. This is particularly notable with this dropdown list:

I'm not a CSS expert and have tried various approaches to make things work better, but I did not really get anywhere. I have attempted a class-light approach, but as my editor sits in a container inside of my app, I could not really get rid of the conflicting Pico CSS styles. I also tried a Shadow DOM approach, but that came with its own set of problems. How are others dealing with such problems?

Thanks,
Hans