Opened 5 years ago

Closed 5 years ago

Last modified 5 years ago

#15223 closed bug (notabug)

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:

Description

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: https://adobe.ly/2hhHVzi

Change History (3)

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

Resolution: notabug
Status: newclosed

You need to load jQuery UI after Bootstrap.

comment:2 in reply to:  1 Changed 5 years ago by HunterJoe

Replying to Scott González:

You need to load jQuery UI after Bootstrap.

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

comment:3 Changed 5 years ago by Scott González

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

Note: See TracTickets for help on using tickets.