Sorry, we don't support your browser.  Install a modern browser
This post is closed.

Improve the rendering of lists#106

When I have documents containing bulleted or numbered lists they appear with an extra line of space between each item that is not visible in the original document when viewing on Google Drive.

5 years ago

Have this issue as well. The bullet items are spaced too far apart compared to the original document.

5 years ago

This can be fixed by removing padding-bottom: 12pt from li elements.

5 years ago
1

Just remove one line of CSS and documents won’t look malformed! :)

5 years ago

Thanks for your persistence on this @Kevin Ngo, I’m taking a look at it.

Would you mind copying an example into this Doc.
https://docs.google.com/document/d/10C0K5W0wIX2p8ScMW1_L0WwOxVXqww3bROfHkvz9yFk/edit

I can’t recreate it with a default list at the moment.

5 years ago
1

Thanks so much for taking a look! Here is are images of what I see (on Firefox + Chrome on OS X).

5 years ago

Weird this is what I’m seeing, and no padding.

Could you confirm on this page: https://youneedawiki.com/app/page/10C0K5W0wIX2p8ScMW1_L0WwOxVXqww3bROfHkvz9yFk?p=1txki6MkIn6Beuwk73VHKvcV2zIOlRhmS

5 years ago
1

I’ve updated the testing doc where it reproduces the issue now. Maybe it happens easily when you copy and paste a list into the doc. I might’ve seen it more since I imported my docs via copy/paste?

5 years ago

Awesome I can see it now thanks.

5 years ago
1

Short term fix that might help:

The challenge right now is Gdocs does allow you to define padding before and after a list items, so if I blanket remove all padding it will stop people being able to use that, but I understand the preview looks different to the formatting.

I’ve submitted a bug report to the Drive API, if you get a chance please add an upvote.
https://issuetracker.google.com/issues/132144333

Potential future solutions:

  • Use the pdf export to generate a better preview
  • Use the Docs api to generate a better preview
5 years ago
1

Thanks for investigating and for the workaround!

5 years ago
Changed the status to
[Deleted status]
5 years ago

After testing this I found that removing padding generally looks better and more like the Google Doc for all lists that I have tested.

Update will be pushed out in the next release.

5 years ago
Changed the status to
[Deleted status]
5 years ago
Changed the status to
Completed
5 years ago