Skip to content

:hover taking precedence over :focus #404

@Nartub600

Description

@Nartub600

This happened to me while using the utility for border colors. I added the focus variant to the borderColors module, then used it in an input:

<input class="border border-white hover:border-grey-light focus:border-grey-dark" type="text" />

It is expected that when the input is focused, :focus style is applied whether the mouse is hovering it or not, but :hover style is prevailing and :focus style can be seen only when input is focused and mouse is not hovering.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions