Skip to main content

Search and Top Navigation

#15223 closed bug (notabug)

Opened July 31, 2017 07:09PM UTC

Closed July 31, 2017 07:26PM UTC

Last modified July 31, 2017 08:09PM UTC

Calling button API with bootstrap uses bootstrap button API

Reported by: HunterJoe Owned by:
Priority: minor Milestone: none
Component: ui.spinner Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:

I am using a UI Spinner on my Admin UI, and I have recently updated jQuery UI from 1.11.4 to 1.12.1 and noticed this bug.

In the _draw method, when setting the button bindings (lines 14393 - 14400)

// Button bindings
this.buttons = this.uiSpinner.children( "a" )
    .attr( "tabIndex", -1 )
    .attr( "aria-hidden", true )
    .button( {
	classes: {
	    "ui-button": ""
    } );

, there is a call to the button api that, I am guessing will add the buttons inside the anchor tags, however when stepping through this code in Chrome's debugger, it does not step into the jQuery UI Button API, instead it steps into Bootstrap's button API and I end up with empty anchor tags and no visible spinner buttons which you can see in the image linked here:

Attachments (0)
Change History (3)

Changed July 31, 2017 07:26PM UTC by scottgonzalez comment:1

resolution: → notabug
status: newclosed

You need to load jQuery UI after Bootstrap.

Changed July 31, 2017 07:41PM UTC by HunterJoe comment:2

Replying to [comment:1 Scott González]:

You need to load jQuery UI after Bootstrap.

Yes, I tried that but then all my bootstrap tooltips stop working.

Changed July 31, 2017 08:09PM UTC by scottgonzalez comment:3

I'm not sure what you're expecting to happen when you load multiple libraries with the same methods on top of each other.