question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Inconsistent list-item sizing

See original GitHub issue

Ordered lists get rendered as either rendered text directly within a <li></li>, or rendered text wrapped inside a <p></p> inside <li></li>, depending on whether a blank line exists between list items. This is a Marked behaviour and not the issue.

When lists are embedded within a <blockquote>, the .phb CSS adjusts the font-family and font-size to match the <p> elements within a block quote. That is, they become ScalySans 11.98px.

However, the .phb css rules are incomplete, in that an blockquote ol li has a different font-size than blockquote ol li p, blockquote p, blockquote ul li, and blockquote ul li p.

Examples of the various cases here: https://homebrewery.naturalcrit.com/share/h-ppujWlgKDG

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
calculuschildcommented, Dec 1, 2020

@Gazook89

Edit: I didn’t realize how long this got. Sorry!

While I agree with you in principle, there are some nuances that became more apparent when we tried doing this kind of thing earlier. If you are actively working on your brew, sure, you can make some tweaks and fix them as you keep working.

This becomes quite a bit more obnoxious if your brew is large. You go to work on it one day and suddenly, half the pages are scrambled, and you can’t quite tell what went wrong. So you spend hours re-arranging everything in your document to make things line up how they used to, except now it all doesn’t fit because the font is slightly bigger, and maybe you don’t know enough CSS to fix it. So now you’re shuffling everything down page by page, for 45 pages. And then in a month something breaks again.

It’s a bad user experience. The subreddit was swamped with complaints and rants and threats because we had, quite literally, destroyed hours of work for thousands of people. So we undid the update and learned our lesson (even if sometimes we still make a change that we didn’t realize was going to have a huge impact, like this issue, and we have to repent again). Because we aren’t just providing a CSS style file. We provide a place for people to create and store homebrew documents. And if we are carelessly destroying those documents, we are also failing in our purpose, just in a different way.

However, the real issue is for archival purposes. There are some very popular brews out there that are no longer actively worked on, but have tens of thousands of views and are accessed on a daily basis. Suddenly randomly corrupting them is extremely disruptive to not just the authors ( they might not even realize that the documents linked in their blog/website/etc. from four years ago are now broken ), but the viewers have no idea what’s going on, and maybe don’t know who to tell to fix it. Imagine all of the Word documents on your computer just suddenly going halfway off the edge of the page with no explanation.

So, yes, we aim to be accurate for a certain document style. But as a software package, we also need to consider the hundreds of thousands of registered users. To this end, we try to follow Semantic Versioning protocol as much as we can. If an update is going to break the expected outcome of our software, even if it is “more correct”, it should technically be a separate major version number (i.e., if you created a document in version 2.5.3, later using version 2.10.4 will output the same thing. maybe 2.10.4 has new features added or bugs fixed, but it didn’t break anything. Version 3.0.0, however, is free to break the rules.)

So… all of these potentially breaking fixes are going to wait for v3. We will also keep v2 around in the form of a “legacy” renderer for old documents, and we will let it stay untouched to preserve all the old documents, until a user voluntarily “upgrades” a brew and willingly goes through that fixing-up process.

That said, we will probably leave v3 in a sort of “beta” stage for the first bit. Let users try it out, give feedback, point out styling issues, etc., knowing that their work will be scrambled every so often. I think being up front that we are making changes in a new, opt-in beta will be much better received than imposing destructive changes on everybody whether they want it or not. And for that reason, having a Brew Guru like you to give us feedback as we try to get closer to that accurate styling would be incredibly helpful. So know that we appreciate your comments!

0reactions
calculuschildcommented, Aug 30, 2021

Added to the V3 changelog finally. Closing.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Inconsistent font size in mobile browsers for material-ui ...
The solution is to add "max-height: 999999px" to any parent element, as described here: https://stackoverflow.com/a/60044980/523972.
Read more >
List item font size with Paragraph stack different from Base Font ...
I'm getting unexpected behaviour with the font size of list items on my Foundry page. I use bullet points a lot to break...
Read more >
Font size in list screen changes around constantly
I've created a list screen, list item config, card template and card. ... and so on), suddenly, the font size in the list...
Read more >
Image SharePoint attachments in gallery inconsistent and slow
Having read about image rendering slowness in SQL from and I must confess that attachments from SharePoint online act a bit "strange" too....
Read more >
Inconsistent spacing in table of content headings
In the Style dialog box, click the level that you want to >change, and then click Modify. In the Modify Style dialog box,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found