Skip to content

IconButton with variant="invisible" has non-invisible disabled styling #5421

@iansan5653

Description

@iansan5653

IconButton's invisible variant renders the button as a simple icon with no border. However, if you then apply disabled to that button, a border appears. The result is distracting changes (border and background) as buttons switch from disabled to enabled and back:

Demo with enabled & disabled invisible iconbuttons. The disabled button has a border and background.

The effect of this can be seen in practice in the comment editor toolbar when submitting issue comments:

Screen.Recording.2024-12-12.at.10.54.32.AM.mov

I would expect disabled versions of invisible buttons to just be the same styling but with a slight fade-out (ie, translucency).

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions