Skip to content

[Bug] CSS-in-JS warning caused by kebab-case vendor-prefixed property #1571

@Katotodan

Description

@Katotodan

Description

The ModalBody styled component uses the CSS property -ms-overflow-style in kebab-case inside a MUI styled() object.
'-ms-overflow-style': 'none'
This triggers the warning:
Using kebab-case for css properties in objects is not supported. Did you mean msOverflowStyle?

In CSS-in-JS, vendor-prefixed properties should use camelCase.

Expected Fix

Replace:
'-ms-overflow-style': 'none'
with:
msOverflowStyle: 'none'

To Reproduce

Run Meshery UI and this error will show in the console


Contributor Guides and Resources

Metadata

Metadata

Assignees

Labels

kind/bugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions