Skip to main content

Search and Top Navigation

#15104 new bug ()

Opened November 24, 2016 10:13AM UTC

Last modified November 24, 2016 02:23PM UTC

Icon-only toggle button in JQuery UI 1.12

Reported by: Patrick1701 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

Attachments (0)
Change History (1)

Changed November 24, 2016 02:23PM UTC by scottgonzalez comment:1

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.