jQuery UI Widgets Forums General Discussions JqxTabs – layout issue

This topic contains 3 replies, has 2 voices, and was last updated by  Hristo 4 days, 15 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • JqxTabs – layout issue #113071

    internaut19
    Participant

    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

    • This topic was modified 5 days, 21 hours ago by  internaut19.
    JqxTabs – layout issue #113080

    Hristo
    Participant

    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

    JqxTabs – layout issue #113084

    internaut19
    Participant

    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

    JqxTabs – layout issue #113085

    Hristo
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.