Comments (4)
In step 3, you add a >
to the start of the line. This causes the entire line of text to be wrapped in a blockquote - per Markdown processing - and causes the crash.
from homebrewery.
Investigation shows that this hunk of styling appears to be cause:
.page blockquote, .page table {
z-index: 15;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
From this, I assume that the same issue would arise from a sufficiently long table.
The following styling appears to fix this issue:
.page blockquote, .page table {
z-index: 15;
-webkit-column-break-inside: avoid;
page-break-inside: auto;
break-inside: auto;
}
As -webkit-column-break-inside
is not supported by Firefox, in this testing it is Chrome only and thus not changed. It is entirely possible that this setting should also be set to auto
, if only for cross-browser consistency.
from homebrewery.
Where is the blockquote involved in this issue? there is none in your example code block
from homebrewery.
Further testing shows the a table does NOT cause the same issue, although it also does not wrap to the next column.
| TEST TABLE |
|:-:|
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis justo in lacinia ullamcorper. Etiam ac nunc enim. Vestibulum eu egestas purus, sit amet tincidunt tellus. Nam sem nibh, congue eget ligula eget, pulvinar finibus sem. Integer magna libero, placerat ac scelerisque in, gravida in orci. Aenean id purus eget neque aliquet ornare et id sapien. Fusce cursus pharetra ante sed gravida. Maecenas et tincidunt nulla. Pellentesque et pellentesque tortor. Donec posuere neque at blandit mollis. Pellentesque eget posuere nisl, vitae fermentum ex. Nulla facilisi. Nunc varius odio vitae arcu ultrices bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate volutpat elementum. Sed ultricies lacus nisi, ac consequat justo egestas a. Donec accumsan, enim non pretium consequat, purus nisi rutrum enim, vitae interdum nunc magna ut quam. Etiam ex dolor, efficitur nec elit at, cursus finibus mauris. Vivamus placerat sapien ut leo interdum vestibulum. Aenean turpis nibh, tempus pulvinar dapibus at, consectetur a orci. Pellentesque cursus, quam laoreet semper aliquam, libero nisl aliquet sapien, in elementum dui quam eu nunc. Praesent gravida elit massa, sit amet facilisis libero rhoncus sed. Maecenas turpis nunc, pharetra sed magna id, cursus commodo nisi. Sed porta et ipsum nec lacinia. Curabitur volutpat semper ante, pretium imperdiet lectus egestas at. Proin pellentesque vel massa quis consequat. Donec nec arcu pretium lacus laoreet efficitur sed efficitur quam. Duis nec dolor eget augue pellentesque tempus non ultrices justo. Ut eget faucibus eros. Integer congue finibus ornare. Aliquam egestas sagittis neque, venenatis eleifend ligula maximus eu. Curabitur placerat orci vitae lorem interdum, sed elementum mi varius. Maecenas hendrerit eu augue sit amet ullamcorper. Curabitur accumsan mauris vulputate, consequat sem sit amet, ornare lacus. Donec in mi nec elit mollis tincidunt non sed elit. Curabitur volutpat urna lorem. In efficitur efficitur vulputate. Aenean bibendum lacus id rhoncus finibus. Nullam aliquet molestie nisl pharetra ornare. Nunc tincidunt tempor leo at mattis. Vestibulum tincidunt nunc sit amet erat varius tincidunt. Sed vitae purus posuere, maximus quam quis, commodo lorem. Nunc eu cursus neque. Mauris ac nisl commodo, fermentum dolor vitae, blandit ligula. Etiam sed vehicula nunc. Fusce ipsum neque, semper eget tortor tincidunt, feugiat consequat enim. In leo odio, pellentesque vitae ante sit amet, dapibus blandit lorem. Nullam sodales sodales placerat. Morbi convallis, tortor et pharetra tempus, dolor odio commodo lorem, non scelerisque ante libero sed sem. Donec orci lacus, finibus vitae tempor in, tincidunt a est. Donec dapibus sodales sem. Proin id porttitor leo. Curabitur vehicula volutpat malesuada. Sed laoreet nulla orci, vitae varius dolor tempus ac. Maecenas tincidunt molestie neque, a fermentum ipsum laoreet in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis justo in lacinia ullamcorper. Etiam ac nunc enim. Vestibulum eu egestas purus, sit amet tincidunt tellus. Nam sem nibh, congue eget ligula eget, pulvinar finibus sem. Integer magna libero, placerat ac scelerisque in, gravida in orci. Aenean id purus eget neque aliquet ornare et id sapien. Fusce cursus pharetra ante sed gravida. Maecenas et tincidunt nulla. Pellentesque et pellentesque tortor. Donec posuere neque at blandit mollis. Pellentesque eget posuere nisl, vitae fermentum ex. Nulla facilisi. Nunc varius odio vitae arcu ultrices bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate volutpat elementum. Sed ultricies lacus nisi, ac consequat justo egestas a. Donec accumsan, enim non pretium consequat, purus nisi rutrum enim, vitae interdum nunc magna ut quam. Etiam ex dolor, efficitur nec elit at, cursus finibus mauris. Vivamus placerat sapien ut leo interdum vestibulum. Aenean turpis nibh, tempus pulvinar dapibus at, consectetur a orci. Pellentesque cursus, quam laoreet semper aliquam, libero nisl aliquet sapien, in elementum dui quam eu nunc. |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis justo in lacinia ullamcorper. Etiam ac nunc enim. Vestibulum eu egestas purus, sit amet tincidunt tellus. Nam sem nibh, congue eget ligula eget, pulvinar finibus sem. Integer magna libero, placerat ac scelerisque in, gravida in orci. Aenean id purus eget neque aliquet ornare et id sapien. Fusce cursus pharetra ante sed gravida. Maecenas et tincidunt nulla. Pellentesque et pellentesque tortor. Donec posuere neque at blandit mollis. Pellentesque eget posuere nisl, vitae fermentum ex. Nulla facilisi. Nunc varius odio vitae arcu ultrices bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate volutpat elementum. Sed ultricies lacus nisi, ac consequat justo egestas a. Donec accumsan, enim non pretium consequat, purus nisi rutrum enim, vitae interdum nunc magna ut quam. Etiam ex dolor, efficitur nec elit at, cursus finibus mauris. Vivamus placerat sapien ut leo interdum vestibulum. Aenean turpis nibh, tempus pulvinar dapibus at, consectetur a orci. Pellentesque cursus, quam laoreet semper aliquam, libero nisl aliquet sapien, in elementum dui quam eu nunc. Praesent gravida elit massa, sit amet facilisis libero rhoncus sed. Maecenas turpis nunc, pharetra sed magna id, cursus commodo nisi. Sed porta et ipsum nec lacinia. Curabitur volutpat semper ante, pretium imperdiet lectus egestas at. Proin pellentesque vel massa quis consequat. Donec nec arcu pretium lacus laoreet efficitur sed efficitur quam. Duis nec dolor eget augue pellentesque tempus non ultrices justo. Ut eget faucibus eros. Integer congue finibus ornare. Aliquam egestas sagittis neque, venenatis eleifend ligula maximus eu. Curabitur placerat orci vitae lorem interdum, sed elementum mi varius. Maecenas hendrerit eu augue sit amet ullamcorper. Curabitur accumsan mauris vulputate, consequat sem sit amet, ornare lacus. Donec in mi nec elit mollis tincidunt non sed elit. Curabitur volutpat urna lorem. In efficitur efficitur vulputate. Aenean bibendum lacus id rhoncus finibus. Nullam aliquet molestie nisl pharetra ornare. Nunc tincidunt tempor leo at mattis. Vestibulum tincidunt nunc sit amet erat varius tincidunt. Sed vitae purus posuere, maximus quam quis, commodo lorem. Nunc eu cursus neque. Mauris ac nisl commodo, fermentum dolor vitae, blandit ligula. Etiam sed vehicula nunc. Fusce ipsum neque, semper eget tortor tincidunt, feugiat consequat enim. In leo odio, pellentesque vitae ante sit amet, dapibus blandit lorem. Nullam sodales sodales placerat. Morbi convallis, tortor et pharetra tempus, dolor odio commodo lorem, non scelerisque ante libero sed sem. Donec orci lacus, finibus vitae tempor in, tincidunt a est. Donec dapibus sodales sem. Proin id porttitor leo. Curabitur vehicula volutpat malesuada. Sed laoreet nulla orci, vitae varius dolor tempus ac. Maecenas tincidunt molestie neque, a fermentum ipsum laoreet in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis justo in lacinia ullamcorper. Etiam ac nunc enim. Vestibulum eu egestas purus, sit amet tincidunt tellus. Nam sem nibh, congue eget ligula eget, pulvinar finibus sem. Integer magna libero, placerat ac scelerisque in, gravida in orci. Aenean id purus eget neque aliquet ornare et id sapien. Fusce cursus pharetra ante sed gravida. Maecenas et tincidunt nulla. Pellentesque et pellentesque tortor. Donec posuere neque at blandit mollis. Pellentesque eget posuere nisl, vitae fermentum ex. Nulla facilisi. Nunc varius odio vitae arcu ultrices bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate volutpat elementum. Sed ultricies lacus nisi, ac consequat justo egestas a. Donec accumsan, enim non pretium consequat, purus nisi rutrum enim, vitae interdum nunc magna ut quam. Etiam ex dolor, efficitur nec elit at, cursus finibus mauris. Vivamus placerat sapien ut leo interdum vestibulum. Aenean turpis nibh, tempus pulvinar dapibus at, consectetur a orci. Pellentesque cursus, quam laoreet semper aliquam, libero nisl aliquet sapien, in elementum dui quam eu nunc. |
from homebrewery.
Related Issues (20)
- Brew Theme Extensions HOT 5
- Support for "string" refs will be deprecated HOT 3
- Error saving HOT 1
- Window/Tab freezes on input of H1 header off the "page" (third column or later) - Firefox MacOS HOT 2
- ReactDOM.hydrate() is deprecated, console error HOT 6
- No dead-code elimination console error on live site
- Migrate from Vitreum to Webpack AND/OR other services HOT 7
- New Page: Database statistics HOT 1
- Using Monospace Fonts with any Editor Theme HOT 2
- Provide a Linkable URL to ID Heading HOT 2
- Bump CodeMirror to 6 HOT 1
- Block cloning HOT 5
- Issue while autosaviong the document HOT 1
- Not saving HOT 2
- Saving Error HOT 2
- Selector suggestion in Style editor tab HOT 2
- Enable `sign` and `abs` math functions HOT 3
- Add pageflip effect to share page /new share page HOT 1
- Links in ToC broken with 3.13.0 release HOT 5
- DOMpurify breaks custom html elements HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from homebrewery.