chromium-dashboard icon indicating copy to clipboard operation
chromium-dashboard copied to clipboard

Rendering of help text has no styling

Open jpmedley opened this issue 3 years ago • 3 comments

Thank you for letting us know that something needs to be fixed. This page is for recording bugs on Chrome Status (https://www.chromestatus.com). If you need to report a problem with Chrome or Chromium, please use crbug (http://crbug.com/new). Thank you.

Describe the bug Help text contains HTML elements that are not styled. The HTML sent down the client looks like this:

image

But renders like this:

image

Looking at the styles pane in DevTools, I see that list-style has been set to none globally, with no override for .helptext.

image

jpmedley avatar Jul 11 '22 20:07 jpmedley

I haven't figured out yet if this is particular to lists or general to styling.

jpmedley avatar Jul 11 '22 20:07 jpmedley

list-style:none is set in shared-css.js, so it applies to the whole app currently.

I can see it making sense to have list bullets in help text, however the width available for the initial part of the help is pretty narrow, so the bullets would need to be fairly condensed. And, we'd need to check to make sure that line wraps look good.

jrobbins avatar Aug 01 '22 21:08 jrobbins

I'm aware of those concerns. I don't need formatting for many things, but sometimes I do.

jpmedley avatar Aug 02 '22 14:08 jpmedley

This problem got resolved. I see the bullet items in the help for that form field now.

jrobbins avatar Nov 21 '22 22:11 jrobbins