Opened 20 months ago

Closed 20 months ago

Last modified 20 months 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 20 months ago by Scott González

Resolution: notabug
Status: newclosed

You need to load jQuery UI after Bootstrap.

comment:2 in reply to:  1 Changed 20 months 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 20 months 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.