Twitter Bootstrap JavaScript breaks jQuery UI widget on block config form [#1556028]

I'm using my site's default theme as the administrative theme. Every time I try to save the configuration for a menu block, it reports an error:

An illegal choice has been detected. Please contact the site administrator.

In fact, the interface in general seems to be broken. When the block config page is first loaded, and advanced options is already selected, selecting basic options causes the form to collapse on itself as you would expect. However, selecting advanced options again does not expose the advanced options.

When I specify a different theme to be the administrative theme, everything works fine though, which makes me think it's an issue with my theme, though I can't imagine what would be causing it the conflict. I am using the Twitter Bootstrap JavaScript file, and that is the only script file that my theme references.

Comment	File	Size	Author
#4	2013 09 19 menu_block not clear on valid setup options.png	158.74 KB	therobyouknow

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

lpeabody CreditAttribution: lpeabody commented 1 May 2012 at 18:27

I can confirm that the Twitter Bootstrap JavaScript file breaks the menu block configuration interface.

Comment #2

JohnAlbin

he/they/他

English

Taipei, Taiwan

CreditAttribution: JohnAlbin commented 4 March 2013 at 16:13

Title:

Error reporting when saving menu block using custom theme

» Twitter Bootstrap JavaScript breaks jQuery UI widget on block config form

Comment #3

JohnAlbin

he/they/他

English

Taipei, Taiwan

CreditAttribution: JohnAlbin commented 7 March 2013 at 11:07

Category:

bug

» support

Comment #4

therobyouknow CreditAttribution: therobyouknow commented 19 September 2013 at 18:43

File	Size
2013 09 19 menu_block not clear on valid setup options.png	158.74 KB

Confirming the same problem, using Bootstrap (to be precise our subtheme of it) - see screenshot:

Comment #5

therobyouknow CreditAttribution: therobyouknow commented 19 September 2013 at 18:50

This work around worked for me (doesn't fix problem, but gets your menu block saved):

Select Advanced radio option
Save block (first attempt)
Observe the same error message
Leave both radio options UNselected
Save block (
your block will be created (using basic options as the default I presume)

By attempting saving the block in step 2, this results in the form being return with the options reset in step 3 so that the second save block in step 5 can be achieved successfully.

I might suspect that this specific bootstrap issue might be the extra amount of markup, divs, that are breaking the jquery; similar issue in autocomplete_deluxe widget, in that situation, a remedy was to remove amount of nesting - https://drupal.org/node/1944436#comment-7858151

If this can be done for menu_block admin here, it might also solve the problem here, perhaps