Skip to content

Bug: Deque CSS is not specific enough - applies styling to non-Deque components #2180

@danatemple

Description

@danatemple

Steps to reproduce

Install @deque/cauldron-styles
Inspect the CSS in node_modules/@deque/cauldron-styles/dist/index.css

Around line 559 there are styles that are applied to all select, input, textarea etc elements, that are not qualified by a class identifying the target as a Deque component.

Expected Behavior

There should be class qualifiers e.g. .Combobox in the CSS to ensure it does not pollute when integrated into a larger application.

Ideally, all Deque components should have a global class e.g. Deque-Cauldron to ensure no namespace conflicts if other libraries have used Combobox, but that will be a rarer occurrence.

Version

6.23.1

What browser(s) are you experiencing the problem on?

Chrome

Relevant log output

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions