Tabs disappear when scrolling (tabbed) page

mstormi · July 13, 2026, 6:39am

I’m using tabbed pages like many do.
Ever felt annoyed by the tabs row disappearing when you scroll on a tabbed page?

@JustinG @florian-h05 sorry for asking right away you, do you know how to make the tab row stay?

I’d think that long term, it should be configurable behavior so I’ve requested that here

github.com/openhab/openhab-webui

make tab row behavior configurable

opened 06:24AM - 27 Apr 26 UTC

mstormi

enhancement main ui

I’m using tabbed pages like many do. Ever felt annoyed by the tabs row disappear…ing? It always goes away when I scroll down, and to make it return, I have to scroll up first. I guess anf heard this annoys quite some more people. It probably can be easily changed via some f7 config option. Please make it a configurable OH UI option if the tab row is always there or if the current dynamic behavior applies. Please also provide text config option for that so one can preconfigure an OH instance to have a static row right from the start.

JustinG · July 13, 2026, 2:43pm

This setting is currently not configurable:

github.com/openhab/openhab-webui

bundles/org.openhab.ui/web/src/pages/page/page-view.vue

fa35305f2


      
          <f7-page
            ref="root"
            @page:afterin="onPageAfterIn"
            @page:beforeout="onPageBeforeOut"
            hide-bars-on-scroll

the hide-bars-on-scroll attribute of the page is set in the main page vue file. The only current way to remove that attribute would be some severe intervention such as a javascript reverse proxy hack.

Nadahar · July 14, 2026, 12:55am

I threw this together “quick and dirty”. It does seem to work though:

github.com/openhab/openhab-webui

[MainUI] Create setting to disable hiding tabs when scrolling (#4361)

main ← Nadahar:disable-hide-tab

opened 12:54AM - 14 Jul 26 UTC

Nadahar

+16 -1

I didn't go very in-depth with this, I just mimicked what I found was already th…ere. The name of the option, the description string, the placement, these things should all be evaluated - since I just "picked something that seems reasonable". Except for that, it does what the title says, it allows disabling the hiding of "bars" (I suspect that's more than just the tab bar) when scrolling, for those that find that annoying/impractical. Unfortunately, it's only a local storage setting, so one must do it over and over again on every browser/device, but that problem is shared with all the other "UI options". Partially addressed #4135.