Desktop: Prevent horizontal scrolling on Linux when a scrollbar is present in note list

[boring10]

Bug fix for #1570.

Before the fix:

After the fix:

[tessus]

This is interesting, I have never seen this behavior on macOS.

[tessus]

LGTM

[laurent22]

In general we simply don't want the list to scroll horizontally regardless of the content. In that case, couldn't we just set overflow-x on the list itself to "hidden"? That way, even if we change the content later on, we'll still be sure that the list won't scroll horizontally.

[boring10]

I had tried the overflow-x but it did not seem to work for this case.

This way you get both the width and max-width in the CSS. The width, it appears, is being pulled from the parent container which is fine until the scrollbar appears and for some reason the Linux version doesn't like this. This is where the max-width comes in and overrides the width since the note list container now has a scrollbar that is taking up space that was not in the original assessment of the width.

[laurent22]

Thanks for clarifying. This change seems more like a hack to go around a bug in Chrome Linux. As such please could you add the following?

• a comment that explains that it's a hack and why it's needed
• a link to this PR

Also please could you rename the property to 'maxWidth' and check that it still works? I think this is the correct case for this property.

[boring10]

I apologize, I missed the maxWidth case on the initial commit but I had it locally after the fact. First time for me so let me know if I need to change anything else!

[laurent22]

Perfect, thanks for the update @boring10, it's good to merge now.