Forum Bugs

Text breaks into separate paragraphs when pullquotes are added

pressbookstaylor
Any pullquotes that are inline within a paragraph will cause that paragraph to break onto separate lines. Note that this doesn't create two "paragraphs" in the markup; it just adds a soft return between the beginning chunk of content and the ending chunk of content.

So, if a paragraph is formatted like:

<p>Mrs. Bennet still continued to wonder and repine at his returning no more, and though a day seldom passed in which Elizabeth did not account for it clearly, there was little chance of her ever considering it with less perplexity. <span class="pullquote-right">There was little chance of her ever considering it with less perplexity. </span>Her daughter endeavoured to convince her of what she did not believe herself, that his attentions to Jane had been merely the effect of a common and transient liking, which ceased when he saw her no more.</p>

It will appear as

<p>Mrs. Bennet still continued to wonder and repine at his returning no more, and though a day seldom passed in which Elizabeth did not account for it clearly, there was little chance of her ever considering it with less perplexity.
Her daughter endeavoured to convince her of what she did not believe herself, that his attentions to Jane had been merely the effect of a common and transient liking, which ceased when he saw her no more. </p>

The pullquote still appears as desired – it's just the paragraph it was added to that's adversely affected.

Occurs with both left and right pullquotes. Expected behavior is that the text of the paragraph wraps around the pullquote without breaking into separate parts.
  1. Dillard-Pullquote-1578342024._print.pdf461.9 kB
    PDF Example
  2. Screen Shot 2020-01-06 at 3.19.15 PM.png42.1 kB
    Image of PDF
mikeday
How are the pullquote spans styled?
pressbookstaylor
.pullquote, .pullquote-left, .pullquote--left, .pullquote-right, .pullquote--right {
display: block;
font-family: 'Raleway', sans-serif;
font-size: 1.15em;
font-style: normal;
font-weight: 600;
hyphens: none;
line-height: 1.3em;
text-align: center;
text-indent: 0;
border-top: 0 none transparent;
border-bottom: 0 none transparent;
padding-top: 0.5em;
padding-bottom: 0.5em;
page-break-inside: avoid;
break-inside: avoid; }

.pullquote {
margin: 1em auto 1em;
width: 90%; }

.pullquote-left, .pullquote--left {
float: left;
margin: 1em 1em 1em 1em;
text-align: center;
width: 45%; }

.pullquote-right, .pullquote--right {
float: right;
margin: 1em 1em 1em 1em;
text-align: center;
width: 45%; }

@supports not ((page-break-inside: avoid) and (break-inside: avoid)) {
.pullquote, .pullquote-left, .pullquote--left, .pullquote-right, .pullquote--right {
-webkit-column-break-inside: avoid; } }
mikeday
The .pullquote-right float having "display: block" is breaking the paragraph due to a limitation of Prince that we hope to fix in a future release. Removing this declaration so that it remains inline or changing it to inline-block will workaround the problem.
pressbookstaylor
Alright, thanks for your response!