Jump to content
  • Status: Moved to Github

Tested only with Table of Contents widget.

My intent was to create one ToC for desktop (sidebar), and another for mobile (top of the main column).

If the Table of Contents widget is created twice (once in the sidebar for desktop view, and another in the main column), display is inconsistent with Visibility options across various viewports. I tried various Visibility options for tablet, but this did not improve consistency of the widget.

User Feedback

Recommended Comments

Marc

Invision Community Team

Please could you provide more information on what you are seeing. Its not clear what you mean on this

Como

Clients

Hi @Marc

If I choose to have one ToC widget in the right sidebar column just for desktop, and another ToC widget in the main column just for mobile and tablets, display of the widgets are inconsistent with viewports.

I have just set up an example for you. The right column ToC widget displays at a wide viewport, but is then relocated to the bottom of the the screen below a certain point when I narrow the viewport. I would expect sidebar widgets to display at the side (and only there) when they are selected to appear only for desktop.

As I narrow the viewport further, and the footer menu kicks in, the sidebar widget appearing the bottom of the screen is removed and the main column widget appears at the top as it should do. I note, though, that this behaviour is not replicated in the theme editor when I switch between desktop, tablet and mobile display. In tablet mode, there is no footer menu (which I assume to be correct). And (in the theme editor) the sidebar widget is still displayed in the sidebar - this seems like the correct behaviour to me.

If I instead set visibility of the sidebar ToC for desktop and tablet, and visibility of the second ToC in the main column only for mobile, the sidebar menu is only moved to the bottom when the footer menu is displayed. Does display of the footer menu indicate mobile mode? If so, the sidebar menu should not be displayed. At this point, the main column ToC is not yet displayed. As I narrow the viewport further (at the point where the footer menu appears), both the sidebar ToC (appearing at the bottom of the page) and the main column ToC (appearing at the top) are displayed. (This is not an edge case of very specific pixel width.) As I decrease the width further, the sidebar ToC (appearing at the foot of the page) is removed.

This behaviour suggests to me that tablet mode straddles an area which includes the mobile footer menu and viewport widths which do not. This does not match the display modes in the theme editor.

Further, it is illogical to have desktop-only widgets moved to the foot of the webpage under any circumstances. I should be able to select widgets to reliably appear in one or more viewports. If widgets being moved to the footer indicates tablet mode, this does not match my chosen visibility settings.

I can send you a link to a page where the sidebar ToC should appear only in descktop and tablet modes; and the main column ToC appear only for mobile. It is a live page, but you can play around with the visibility settings of the two ToC widgets too. Oh, and you might like to check out the three viewports in the theme editor too.

There appears to be a mismatch between visibility options between the sidebar and main column. And a mismatch match between visibility options and the various viewports. And a mismatch between how the pages are displayed in the theme editor and reality.

The above might be as clear as mud. I suggest you check out my webpage. To where should I supply you with a link?

Marc

Invision Community Team

Please feel free to PM it

Como

Clients

The inconsistencies listed above are not quite right. I have also experienced problems with visibility settings taking. I did check earlier, but when I checked again just now, they are not as I (attempted) to set them. Visibility for tablet was set for both ToCs.

But I still recall problems with visibility of sidebar ToC (when set for tablet and desktop) and main column ToC set for mobile. And the other inconsistencies remain too.

Marc

Invision Community Team

Before I start going through these, please could you confirm you have tested them on an unaltered theme?

Como

Clients
1 minute ago, Marc said:

Before I start going through these, please could you confirm you have tested them on an unaltered theme?

Yes. I used IPS theme.

Marc

Invision Community Team

Thank you for bringing this issue to our attention! I can confirm this should be further reviewed and I have logged an internal bug report for our development team to investigate and address as necessary, in a future maintenance release.