Skip to content

Bug: reset classes applied twice on Link component #829

Open
@kevinkucharczyk

Description

@kevinkucharczyk

Description of the bug

You can see this in Storybook: https://storybook.bento-ds.com/?path=/story/components-link--link

The component renders as

<a tabindex="0" role="link" target="_blank" href="http://www.example.com" class="_1sg6ssb0 _1sg6ssb6 _1sg6ssb0 fmzr143 oc4xku1aw oc4xku1ba oc4xku1fc oc4xku1w0 oc4xku1vy oc4xku1w1 oc4xku1w2 oc4xku1w4 oc4xkur6 oc4xkurc oc4xkuri oc4xkurp paq9lr2 oc4xku30 paq9lr4 _1sg6ssb6 _1fef0ld3w">I'm a link</a>

The classes of _1sg6ssb0 (the base reset) and _1sg6ssb6 (the a reset) exist twice.
It's not really a big deal, but if this could be avoided it would generate slightly less verbose class strings, which makes it easier for humans to read and debug.

Playroom reproduction

No response

Version

0.22.6

What browsers are you seeing the problem on?

Chrome, Safari, Firefox, Edge

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions