LABELS not displayed on "horizontal" TABS [#2799135]

I created a "horizontal" TABS with several TAB.
If access the account using Chrome browser, it looks fine. However if I access the account using Firefox or IE browser, the LABEL of the TAB are not displayed. (see picture attached).
On "vertical" TABS it looks fine.

Comment	File	Size	Author
#3	field-group-horizontal-tabs-2799135-1.patch	561 bytes	ozin
	_tabs error.png	4.03 KB	Londova

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

13 September 2016 at 09:32

British-Link created an issue. See original summary.

Comment #2

Zeshin CreditAttribution: Zeshin commented 28 September 2016 at 19:47

I noticed the same horizontal tabs issue, except I'm only seeing it in Microsoft Edge and IE. At first I thought it might be something weird about the way the browsers interpret the CSS, but when I checked the console I found that the actual tab title text itself wasn't getting populated into the HTML. For example if I have a horizontal tab titled "Info", in both Chrome and Firefox the html shows as Info, but in Edge it shows as just . Weird.

Comment #3

ozin

Ukrainian

🇺🇦Lviv

CreditAttribution: ozin as a volunteer and at Lemberg Solutions commented 29 September 2016 at 09:07

File	Size
field-group-horizontal-tabs-2799135-1.patch	561 bytes

Hi guys, I can't reproduce this bug, I think it related to browser version. However try this patch.

Comment #4

Zeshin CreditAttribution: Zeshin commented 30 September 2016 at 02:34

Unfortunately the patch didn't resolve the issue. However, I checked that tabs.js file and added some dummy text right in between the  tags just to confirm that code was the affected area, and my dummy text showed up just fine in all browsers. Strangely the tab title itself, contained in the variable settings.title, only showed up in Firefox and Chrome; in Edge/IE the tab title still didn't show. So, I suspected the variable settings.title might actually for some odd reason be an empty string, and confirmed it in Edge with a javascript test. I wondered if maybe something was wrong with the settings object itself, and did a quick check to see if the settings.details.attr('id') variable referenced a few lines earlier produced a valid value, which it did. So for some odd reason in Edge the variable settings.title alone is turning up as an empty string. Maybe it's getting overridden somewhere, or it isn't getting set correctly, or the theme function's somehow called before the value's populated, or Edge is somehow hiccuping, I'm not really sure.

Comment #5

nils.destoop CreditAttribution: nils.destoop as a volunteer and at Wunder commented 30 September 2016 at 13:00

Status:

Active

» Fixed

Looks like this is fixed when #2743127: Add core/drupal.collapse dependency got committed. My tab was empty, after applying that patch, it was ok. The patch adds dependencies, those dependencies are executed first. Before the patch, fieldgroup came to early.