• This forum is strictly intended to be used by members of the VS Battles wiki. Please only register if you have an autoconfirmed account there, as otherwise your registration will be rejected. If you have already registered once, do not do so again, and contact Antvasima if you encounter any problems.

    For instructions regarding the exact procedure to sign up to this forum, please click here.
  • We need Patreon donations for this forum to have all of its running costs financially secured.

    Community members who help us out will receive badges that give them several different benefits, including the removal of all advertisements in this forum, but donations from non-members are also extremely appreciated.

    Please click here for further information, or here to directly visit our Patreon donations page.
  • Please click here for information about a large petition to help children in need.

Tabber Troubles

Messages
3,285
Reaction score
1,646
Been having an issue on my sandboxes where the bullet points on the second tabbers disappear in web view, even though they're present in editing view. Anybody know what's up with that?
It occurs in both my regular tabbers and my tabber-in-tabber
 
Been having an issue on my sandboxes where the bullet points on the second tabbers disappear in web view, even though they're present in editing view. Anybody know what's up with that?
It occurs in both my regular tabbers and my tabber-in-tabber
You need to have a space between the tabber and the bullet points so then they keep appearing, for example:

<tabber>
|-|Key 1=
  • Thing
  • Thing 2
  • Thing 3
|-|Key 1=

  • Thing 4
  • Thing 5
  • Thing 6
</tabber>
 
Been having an issue on my sandboxes where the bullet points on the second tabbers disappear in web view, even though they're present in editing view. Anybody know what's up with that?
It occurs in both my regular tabbers and my tabber-in-tabber
Funny quirk of MediaWiki.

I think it happens because MediaWiki enters "list mode" when it sees a *, and that list state can sometimes carry over when switching tabs in <tabber>.

When you go from the first tab to the second tab, the parser does not always fully reset that state, so it may treat the second tab as a continuation of the previous list instead of starting a fresh one.

Because of that, the bullet gets rendered using the old list's indentation rules instead of the tab's normal layout.

That is why the bullet can look misaligned or shifted or sometimes even disappear in the web view even though it is still present in the wikitext.



Here are ways to fix this:

Introduce an empty line to force a reset.
Code:
<tabber>
|-|Tab Title 1=
*Content list

|-|Tab Title 2=

*Content list
</tabber>

Use a lower depth level for bullets, adjusting the * nesting per tab title (for example starting with * in one tab and using ** and then ***, etc. in subsequent tabs), which works in this case, but gets increasingly complicated, so I don't recommend this. This may also be unreliable long-term, as future MediaWiki updates could change how this behavior works.
Code:
<tabber>
|-|Tab Title 1=
*Content list

|-|Tab Title 2=
**Content list

|-|Tab Title 3=
***Content list
</tabber>

Alternatively, you can insert a structural element between the tab title and the list, such as a <div> tag (or the {{Border}} template in this case), to force MediaWiki to treat the section as a new block and reset the parsing context. I only recommend this for pages with longer bullet lists, but this works too.
Code:
<tabber>
|-|Tab Title 1=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content list
}}

|-|Tab Title 2=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content list
}}

|-|Tab Title 3=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content list
}}
</tabber>
 
Back
Top