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.
Have this issue as well. The bullet items are spaced too far apart compared to the original document.
This can be fixed by removing padding-bottom: 12pt
from li
elements.
Just remove one line of CSS and documents won’t look malformed! :)
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.
Thanks so much for taking a look! Here is are images of what I see (on Firefox + Chrome on OS X).
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
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?
Awesome I can see it now thanks.
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:
Thanks for investigating and for the workaround!
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.