Long strings of text unbroken by whitespace breaks layout in web app goal "Settings" screen


#1

First screenshot shows expected behavior with the “Commitment” tab selected:

Second screenshot shows broken behavior with the “Settings” tab active. Long strings of text unbroken by whitespace appear to be the issue:

Third screenshot shows at a possible partial fix, by adding CSS rules: .goal-bottom-tabs { display:block; overflow:hidden; }. This may not be ideal — just a proof of concept.


#2

Given that this is perhaps likely to only happen with URLs in the fine print, making them clickable might also resolve the layout issue…


#3

@bee fixed this last night! Thanks so much for the bug report! More stickers for you! <3

http://beeminder.com/changelog#2680


#4

Confirmed!