Tabs get overlayed

[emteknetnz]

SilverStripe 4.3.1

I've seen this sort of thing several times

In this particular instance, it's editable a user form (content block)

It seems like the <div class="cms-content-header-tabs"> that contains the tabs are in the wrong place

Perhaps:

• toolbar
  --> cms-content-header-tabs
• panel

Should be:

• toolbar
• panel
  --> cms-content-header-tabs

[chillu]

@emteknetnz What version of userforms is that? I can't reproduce this on 4.3.x-dev (through https://github.com/silverstripe/cwp-recipe-kitchen-sink)

[emteknetnz]

Don't know which version of userforms sorry, I should have recorded that info at the time. I've now lost context of which website I saw this behaviour on

[chillu]

OK, I'm closing until somebody can tell me a composer info to reproduce this on

[brynwhyman]

I saw this recently too, so have reconfirmed. It's two-fold:

• silverstripe/userforms 5.4.x-dev and silverstripe/cms 4.4.x-dev breaks at mobile resolutions only (<465px wide)
• dnadesign/silverstripe-elemental-userforms 3.0.x-dev breaks at a much wider view (<933px wide) - likely what @emteknetnz encountered. Although when building a userform with this module, split mode isn't available, so it seems unlikely that a user would see this view.

Will leave for @chillu to reopen, if required.

[JakubDolba]

Reproducible with silverstripe/framework 4.3.x and any silverstripe/admin (probably all framework 4.x)

• just use any browser dev console and manually add few more tab-menu li items into ul in cms-tabset-nav-primary and adjust browser window width
• not related to user-forms

[brynwhyman]

We've had further reports of this bug,

they have quite a lot of menu-items and it is broken (easily reproducible in any browser)

[samandeggs]

Having this issue as well, client has about 8 tabs in one particular menu area. Not really wanting to write custom css for the admin area. composer.json is based around "silverstripe/recipe-cms": "^4.4.4"

[kinglozzer]

Fixed in silverstripe/silverstripe-admin#906