Joomla! Issue Tracker | Joomla! CMS #31376 - [4.0] Vertical tabs style is forced for nested tabs

Closed
17 Nov 2020
Medium
Build: staging
# 31376

Denitz
10 Nov 2020

Steps to reproduce the issue

Create the vertical tabs via new uitab.startTabSet code.

Create the horizontal tabs inside any tab from above.

Expected result

Normal display

Actual result

Nested horizontal tabs receive the CSS from parent vertical tabs

Denitz - open - 10 Nov 2020

joomla-cms-bot - change - 10 Nov 2020

Labels

Added: ?

joomla-cms-bot - labeled - 10 Nov 2020

Denitz - comment - 11 Nov 2020

Testing code:

<?= HTMLHelper::_('uitab.startTabset', 'tabs1', ['active' => 'tabA']) ?>
	<?= HTMLHelper::_('uitab.addTab', 'tabs1', 'tabs11', 'tabs11') ?>
		Horizontal tab 1

		<?= HTMLHelper::_('uitab.startTabset', 'tabs2', ['active' => 'tabA', 'orientation' => 'vertical']) ?>
		<?= HTMLHelper::_('uitab.addTab', 'tabs2', 'tabs21', 'tabs21') ?>
		Horizontal &gt; Vertical tab 1

			<?= HTMLHelper::_('uitab.startTabset', 'tabs3', ['active' => 'tabA', 'orientation' => 'horizontal']) ?>
			<?= HTMLHelper::_('uitab.addTab', 'tabs3', 'tabs31', 'tabs31') ?>
			Horizontal &gt; Vertical &gt; Horizontal tab 1
			<?= HTMLHelper::_('uitab.endTab') ?>
			<?= HTMLHelper::_('uitab.addTab', 'tabs3', 'tabs32', 'tabs32') ?>
			Horizontal &gt; Vertical &gt; Horizontal tab 2
			<?= HTMLHelper::_('uitab.endTab') ?>
			<?= HTMLHelper::_('uitab.endTabset') ?>

		<?= HTMLHelper::_('uitab.endTab') ?>

		<?= HTMLHelper::_('uitab.addTab', 'tabs2', 'tabs22', 'tabs22') ?>
		Horizontal &gt; Vertical tab 2
		<?= HTMLHelper::_('uitab.endTab') ?>

		<?= HTMLHelper::_('uitab.endTabset') ?>

	<?= HTMLHelper::_('uitab.endTab') ?>

	<?= HTMLHelper::_('uitab.addTab', 'tabs1', 'tabs12', 'tabs12') ?>
		Horizontal tab 2
	<?= HTMLHelper::_('uitab.endTab') ?>

<?= HTMLHelper::_('uitab.endTabset') ?>

Denitz - change - 17 Nov 2020

Status	New	⇒	Closed
Closed_Date	0000-00-00 00:00:00	⇒	2020-11-17 07:58:21
Closed_By		⇒	Denitz

Denitz - close - 17 Nov 2020

Denitz - comment - 17 Nov 2020

#31419

Add a Comment

Older
Newer

Joomla! Issue Tracker - CMS

[#31376] - [4.0] Vertical tabs style is forced for nested tabs

Steps to reproduce the issue

Expected result

Actual result

Add a Comment