Skip to main content

Search and Top Navigation

#8124 closed bug (worksforme)

Opened February 20, 2012 09:43AM UTC

Closed February 20, 2012 12:38PM UTC

Handler doesn't respond to arrow keys anymore when removing "href" attribute

Reported by: simonferndriger Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.slider Version: 1.8.17
Keywords: Cc:
Blocked by: Blocking:

When removing the "href" attribute with .removeAttr("href") from the generated <a href="#"></a> within the slider tag for the handler, the handler does NOT respond anymore the the keyboard arrow keys.


Why does the "href" attribute need to be removed anyway?

Because (especially in fullscreen mode), the browser does show the (irrelevant) link in the browser status bar at the bottom. This statusbar does overlap some important navigation items in fullscreen mode (i.e. when watching a fullscreen movie). So, the only way to remove the status info, is to use a different tag or to remove the "href" attribute of a link tag.

Attachments (0)
Change History (1)

Changed February 20, 2012 12:38PM UTC by rdworth comment:1

resolution: → worksforme
status: newclosed

When you remove the href attribute it makes the element no longer focusable. You can fix that by setting the tabindex to 0. Demo:

Or, the slider does support using a different element type than A for the handle. Simply add the element yourself (such as a span) and give it the ui-slider-handle class before initializing the slider. Demo: