Opened 22 months ago

Closed 22 months ago

Last modified 22 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 22 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 22 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 22 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.