Long tags cause page layout issues

[jezdez]

Steps to Reproduce:

• Create a long tag and add it to a query
  and
• Create a long tag and add it to a dashboard
• Open all dashboards page and observe the page layout
• Open all queries page and observe the page layout

This was originally reported downstream (mozilla#476) and is also related to #2803

Expected results:

There are no page layout issues

Actual results:

The page is not correctly displayed

Notes/Issues:

Verified in FF61(Win7). Issue can be reproduced in STMO-stage
Please view this screencast:

Technical details:

• Redash Version: 5.0beta
• Browser/OS: Firefox 62, macOS 10.13
• How did you install Redash: Docker

[arikfr]

I think a solution for this issue and #2831 is to put a limit on the size of the tag HTML element?

[kocsmy]

I was thinking about this and I do agree that we need to handle these edge cases in styling but it would also make sense to introduce a size limit (because tags should be short).

[kocsmy]

PR open at #3006

[jezdez]

Thanks @kocsmy!