I am not sure I can post here due to the fact this bug is about bootstrap 3.0, but if I can't post here where shoud I post for a Drupal/stable Boostrap bug?
Here is the bug:
If I create collapsible fieldset using field_group, they will not work under a bootstrap theme. If I change the theme for this page, they will work.
Here is the generate html for this fieldset:

		<fieldset
			class="collapsible collapsed panel panel-default form-wrapper collapse-processed">
			<legend class="panel-heading">
				<a href="#" class="panel-title fieldset-legend"
					data-toggle="collapse"><a class="fieldset-title" href="#"><span
						class="fieldset-legend-prefix element-invisible">Afficher</span>
						Ma société </a><span class="summary"></span></a>
			</legend>
			<div id="" class="panel-collapse collapse fade">
				<div class="panel-body">
					<div
						class="field-type-text field-name-field-company-name field-widget-text-textfield form-wrapper form-group"
						id="edit-profile-investisseur-field-company-name">
						<div id="profile-investisseur-field-company-name-add-more-wrapper">
							<div
								class="form-type-textfield form-item-profile-investisseur-field-company-name-und-0-value form-item form-group">
								<label
									for="edit-profile-investisseur-field-company-name-und-0-value">Nom
									de la société </label> <input class="text-full form-control form-text"
									type="text"
									id="edit-profile-investisseur-field-company-name-und-0-value"
									name="profile_investisseur[field_company_name][und][0][value]"
									value="" size="60" maxlength="45">
							</div>
						</div>
					</div>
					<div
						class="field-type-addressfield field-name-field-company-address field-widget-addressfield-standard form-wrapper form-group"
						id="edit-profile-investisseur-field-company-address">
						<div
							id="profile-investisseur-field-company-address-add-more-wrapper">
							<div id="addressfield-wrapper">
								<div id="addressfield-wrapper">
									<fieldset class="panel panel-default form-wrapper"
										id="edit-profile-investisseur-field-company-address-und-0">
										<legend class="panel-heading">
											<div class="panel-title fieldset-legend">Adresse de la
												société</div>
										</legend>
										<div class="panel-body">
											<div class="street-block">
												<div
													class="form-type-textfield form-item-profile-investisseur-field-company-address-und-0-thoroughfare form-item form-group">
													<label
														for="edit-profile-investisseur-field-company-address-und-0-thoroughfare">Address
														1 </label> <input class="thoroughfare form-control form-text"
														x-autocompletetype="address-line1"
														autocomplete="address-line1" type="text"
														id="edit-profile-investisseur-field-company-address-und-0-thoroughfare"
														name="profile_investisseur[field_company_address][und][0][thoroughfare]"
														value="" size="30" maxlength="128">
												</div>
												<div
													class="form-type-textfield form-item-profile-investisseur-field-company-address-und-0-premise form-item form-group">
													<label
														for="edit-profile-investisseur-field-company-address-und-0-premise">Address
														2 </label> <input class="premise form-control form-text"
														x-autocompletetype="address-line2"
														autocomplete="address-line2" type="text"
														id="edit-profile-investisseur-field-company-address-und-0-premise"
														name="profile_investisseur[field_company_address][und][0][premise]"
														value="" size="30" maxlength="128">
												</div>
											</div>
											<div
												class="addressfield-container-inline locality-block country-BE">
												<div
													class="form-type-textfield form-item-profile-investisseur-field-company-address-und-0-postal-code form-item form-group">
													<label
														for="edit-profile-investisseur-field-company-address-und-0-postal-code">Postal
														code </label> <input class="postal-code form-control form-text"
														x-autocompletetype="postal-code"
														autocomplete="postal-code" type="text"
														id="edit-profile-investisseur-field-company-address-und-0-postal-code"
														name="profile_investisseur[field_company_address][und][0][postal_code]"
														value="" size="10" maxlength="128">
												</div>
												<div
													class="form-type-textfield form-item-profile-investisseur-field-company-address-und-0-locality form-item form-group">
													<label
														for="edit-profile-investisseur-field-company-address-und-0-locality">City
													</label> <input class="locality form-control form-text"
														x-autocompletetype="locality" autocomplete="locality"
														type="text"
														id="edit-profile-investisseur-field-company-address-und-0-locality"
														name="profile_investisseur[field_company_address][und][0][locality]"
														value="" size="30" maxlength="128">
												</div>
											</div>
										</div>
									</fieldset>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</fieldset>
	


Attached, you will also find the used js in this page.

CommentFileSizeAuthor
used_js.png52.25 KBdunebl

Comments

dunebl’s picture

Just to add this:
Under "/admin/appearance", if I uncheck "Use the administration theme when editing or creating content" with the bootstrap them enable, none of the fieldset pertaining to the drupal administration are working (ex: text format fieldset, Token values fieldset, that are appearing when you edit node)

anupom.gogoi’s picture

Which version of jQuery you are using?

dunebl’s picture

I am using JQuery update and I have tried with several versions from 1.7 until 1.10

sivadddot’s picture

any news on this issue? Currently I'm using hook_form_alter in my template.php to force the collapse.

dunebl’s picture

I have no news... sorry (I manage to change the theme when I need collapsing fields)

davidwhthomas’s picture

davidwhthomas’s picture

Just a note, but I fixed this issue in my case by updating to 7.x-3.1-beta2 and setting jquery_update to use version 1.9

markhalliwell’s picture

Status: Active » Closed (duplicate)
Related issues: +#2224211: Fieldset #collapsible broken, +#2158197: The vertical tab content is missing
skin’s picture

Is there a patch for Bootstrap 7.x-3.0?
Any suggestion to solve this bug?

Thanks

BigEd’s picture

Really could do without finding this bug at the end of nearly handing this project over to a client, its a pain as there is no error in the console to backtrace.

I get that it maybe fixed in the beta version but I will have to go back through recreating the whole subtheme again, which could be quite time-consuming and I am unaware of what other bugs or issues I may come across if I do this.

What would have helped me here is if this rather important issue was listed on the front of the site pointing to this post. Can you at least describe it on the front of the project, others might have an easier time.

chup’s picture

web226’s picture

Updating to bootstrap 7.x-3.1-beta3 worked for me