Skip to content

Modal close button pointer overridden by defaults #955

@janbrasna

Description

@janbrasna

Description

Even though .mzp-c-modal-close has cursor: pointer defined, the actual child button .mzp-c-modal-button-close itself is not setting it and since it's a ‹button› element it gets a good deal of browser styling defaults applied to it, overriding the pointer.

Steps to reproduce

See https://protocol.mozilla.org/components/detail/modal or visit e.g. https://www.mozilla.org/firefox/all/ where the ‹?› help popus are modal instances.

Expected result

The "X" close button should have pointer cursor to reconfirm it's an active element.

Actual result

The parent has it defined, but the actual button is brutally overridden by UA defaults for button element, i.e. effectively no pointer.

Environment

macOS Catalina
FXDE 129b5, Chromium 127r1313161

Metadata

Metadata

Assignees

No one assigned

    Labels

    Bug 🪲Something isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions