34
Views
2
Comments
Solved
[OutSystems UI] OSUI Tabs Header unnecessary scroll with zooming
outsystems-ui
Reactive icon
Forge component by Gonçalo Martins
Application Type
Reactive

Hey Team,
Hope you're all doing well.

I've been trying to sort out a weird issue that crops up with our tabs when users zoom in, either using Windows or their browser's zoom functions. 

This problem seems to only happen when we have the 'JustifyHeaders' parameter set to true.

After a bit of detective work using the inspector tool, it looks like when users do a zoom '--tabs-indicator-scale' and '--tabs-indicator-transform' change values. I think these changes might be messing up some calculations, causing 'div' elements and scroll effects to appear where they shouldn't. 

This is the page with zoom

Example when selecting the last tab and scroll appears.

Inspecting, indicator div is oversized

Could you guys take a look when you get a chance? 
Best,

Rodolfo

Solution

Hi Rodolfo!


Thank you for reporting this! Unfortunately, we don't have a workaround to provide for now.

We've added this issue to our backlog. Please refer to the code ROU-4231 in future release notes.


Regards,

Giuliana.

Hello everyone,

Is there a solution for this problem yet?

Thank!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.