JqxTabs – layout issue

[internaut19Participant]

Hello,

I noticed a layout issue with jqxTabs and wondering if anyone else encountered it and maybe found a elegant fix.

On Windows PC/laptop with a full HD (1920×1080) display and using Firefox, the more new tabs I open the bigger the tab title height gets. From my tests, I noticed that the issue occurs on Firefox and if the Display settings -> Scale and layout property in Windows is set to 125% (Chrome is not affected using the same settings). If I lower it to 100% or fiddle with the Firefox – about:config -> layout.css.devPixelsPerPx setting it to 1.0, the issue goes away and the tabs are displayed correctly.

Below you will find the link for some screenshots displaying the issue. The issue can be tested with this simple jsfiddle, the more you press the add tab button, the more the title gets enlarged.

https://ibb.co/9s28gLK
https://ibb.co/xqQ3ky7

I know that it can be fixed with what I suggested previously but any code fix that can be done?

Thanks,
Chris

[HristoParticipant]

Hello Chris,

It is not good practice to use the “zooming” feature.
This should be used by the user.
Please, let me know what do you want to achieve.
Because you could create jqxTabs bigger and the fonts too.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[internaut19Participant]

Hello, Hristo!

Thank you for your reply.

The issue that I am reporting is not the result of a custom zooming feature, I discovered that with the default Windows 10 settings (print screen with the Windows default display settings – https://ibb.co/qymPndT), the issue can be easily reproduced, all you have to do is open multiple new TABs in jqxTabs and see how the height of the jqxTabs title increases.

The problem occurs only with Mozilla Firefox (current version 80.0.1), using Chrome, Edge or Opera the tabs are displayed correctly.

As seen in the above print screen, the 125% is recommended and set by Windows. I am guessing that any resolution greater or equal with Full HD is affected because that setting will be activated.

Regards,
Chris

[HristoParticipant]

Hello Chris,

Thank you for the feedback and for your patience.
I will create a work item for this case.
Meanwhile, I would like to suggest another product – Smart.Tabs.
It is part from our library – Smart HTML Elements.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts