View Dataverse: HTML in description can cause page layout /float issues.

[kcondon]

Specific use case: FF browser for the 1.2 Meter CO Survey Dataverse. Dataverse/Datasets/Files facets appear to right of description rather than below it.

[mheppler]

Just doing a quick look at the description and it's HTML, it appears that the align="left" attribute and property of the image is what is causing the layout issue.

There is already an open issue for HTML that we should support in our metadata fields #1320 (Priority: High, Milestone: In Review). This specific issue in this ticket can be resolved one of the following ways:

• A.) The layout of the dataverse page can be fixed to avoid layout issues like this in the future.
• B.) The HTML that is allowed in metadata fields can be restricted using a white-list, as is suggested in Metadata Fields: Support HTML Tags #1320.
• C.) The dataverse admin (or a Dataverse Support team member) can edit the HTML to fix this layout issue. (This would be easier on the user if there was a "preview" feature to the description field.)

What probably needs to happen is all three of these options, and a whole lot of testing on the kind of HTML being used in these kind of metadata fields in production.

[mheppler]

Added a "clearfix" element under the dataverse description containing element, to fix an align/float issue with HTML in the description.

Moving the above comment to issue #1320 to look into how the align attribute will be handled in the HTML validation on the description field.

[kcondon]

OK, the last change made FF behave the same as Chrome, closing.