Jump to content

The Alpha Bug Tracker is now closed.

👉 Please post any new bugs to the Invision Community v5 bug tracker.

[A13] Widget Does Not Disappear in Tablet View

Dreadknux

By Dreadknux

  • Status: Not a bug

I have this image widget on the Page Editor.

Screenshot 2024-09-19 at 10.27.07.png

I have its visibility settings saved so that it should only appear in Desktop view.

Screenshot 2024-09-19 at 10.27.19.png

But it still appears when sizing the browser window down to ‘tablet’ resolution. And when viewing the site in Theme Editor, the block is still visible when setting the view to ‘Tablet’.

Screenshot 2024-09-19 at 10.27.56.png

^ The block appears in “Large (desktop)” view - this is correct.

Screenshot 2024-09-19 at 10.28.14.png

^ The block still appears in “Medium (tablet)” view - this is incorrect.

The block disappears when Mobile view is activated, as expected. It’s just Tablet view where the block ignores the command and still appears.

    •
    Go to bugs

    User Feedback

    Recommended Comments

    Ehren Enthusiast

    Ehren

    Administrators
    comment_364

    Hi @Dreadknux

    I see the confusion here, but it’s technically working as intended.

    There are a few things happening here:

    1. Throughout v4 and v5, the “tablet” size has been defined by a width of 980px (the original iPad had a pixel width of 980px when in portrait mode). In landscape, the width was 1024px (which meant “Desktop” widgets were shown, even though a tablet was being used).

    2. With the evolution of the iPad and introduction of dozens of new tablets, these resolutions are no longer reliable when identifying tablets. For example, the current iPad Air 11” has a resolution that scales down to 1180×820. The 13” is 1366×1024.

    3. The “Tablet” preview in the Theme Editor uses 1180×820 as its size. But this is just one example from dozens of tablet resolutions. Additionally, if the Theme Editor is used on a smaller screen such as a laptop, the full 1180 width may be reduced to a smaller value in an attempt to prevent horizontal scrollbars.

    We don’t use any device-sniffing techniques to find out if a tablet is actually being used, and there are far too many resolutions to try and handle this reliably with CSS (in fact, some touch screen laptops are potentially smaller than certain tablets, so there’s an odd hybrid and a very blurred line which exists in todays world).

    The two solutions here are to either rename the “Mobile”, “Tablet” and “Desktop” values to “Small”, “Medium” and “Large” - or to adjust the “width” threshold to something larger than 980px so it targets a wider array of tablets.

  • Quote
    • Dreadknux Enthusiast

    Dreadknux

    Members
    comment_371

    Thanks Ehren - I appreciate the explanation. I’m not quite understanding the relevance of the ‘Medium’ view size then? Certainly, the block edit settings dialog window (image below) needs renaming, but if unchecking Tablet (or Medium, in our case) doesn’t actually do anything then maybe this should be removed from the options?

    With that in mind, I imagine the only way to actually make sure a widget doesn’t appear during a ‘Medium’ view size is via Custom CSS?

    Screenshot 2024-09-19 at 10.27.19.png

  • Quote
    • Ehren Enthusiast

    Ehren

    Administrators
    comment_380

    Medium is still a valid value. It’ll show/hide elements between 768 and 980 pixels (this hasn’t changed across v4 and v5).

    But I do agree that the value is a very small range, so I can look into tweaking this.

  • Quote
    • Guest
    Add a comment...