dequelabs / dequelabs/cauldron

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

Open
#2,180 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

### 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

```shell

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.