Opened 2 years ago

Last modified 2 years ago

#15104 new bug

Icon-only toggle button in JQuery UI 1.12

Reported by: Patrick Owned by:
Priority: minor Milestone: none
Component: ui.button Version: 1.12.0
Keywords: Cc:
Blocked by: Blocking:

Description

Hi all, I've found this thread, because I have the same issue. https://www.reddit.com/r/jquery/comments/51t901/icononly_toggle_button_in_jquery_ui_112/

As mentioned there I followed the suggestion to do a jsfiddle.

https://jsfiddle.net/Patrick1701/h4gb6rkx/

Possible was in 1.11, is to have a button as icon-only button without any label or text (not to get any tooltips), AND avoiding collapsing of the button by adding a hacky option { label:" " } to the button. This is not working anymore, because the ' ' is put into the tooltip, now.

Removing the   hack now let collapse the button.

I know, the hack with   is not a good idea anyway, but currently it is not possible to have such a button, so please add a feature (or fix) to let the button keep its usual height in icon-only mode without providing any labels or text.

(currently I added a .ui-button css class with min-height in my project, but this is also not the best solution)

So, please have a look.

kind regards Patrick

Change History (1)

comment:1 Changed 2 years ago by Scott González

We'll need to discuss this as a team, but with no label at all, your button is not accessible and we generally don't support configurations that are bad for accessibility.

Note: See TracTickets for help on using tickets.