Tagged: jqxtabs title add new tab issue
AuthorJqxTabs – layout issue Posts
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.
I know that it can be fixed with what I suggested previously but any code fix that can be done?
- This topic was modified 5 days, 21 hours ago by internaut19.
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.
You must be logged in to reply to this topic.