Gutenberg Paragraph Issue with dropcap shortcode

[learnmechanical2019]

Here is my paragraph structure. But when I add dropcap shortcode both the paragraph treated as one, like this,

Actually, I instruct ad inserter to inject ad after 1st paragraph, but when I use dropcap shortcode they are treating 2 paragraphs as 1, and insert the ad after 2nd paragraph.

And also as you can see there is no gap between 2 paragraphs too, and when I delete that dropcap seems fine.

[jade]

Hello Saswata,

Perhaps there is a CSS style that is overriding the spaces. Would you mind providing the URL to the page in questions so that we can check it?

Thank you.

[learnmechanical2019]

Here is the URL: https://learnmechanical.com/types-of-fluid-flow/

[jade]

Hello Saswata,

It seems to be a Gutenberg specific case where the text in the first sentence doesn’t get wrapped in a <p> tag.

A workaround would be to add this CSS on your site:

.pf-content p {
    margin: 1.313em 0 0;
}

Hope this helps.

[learnmechanical2019]

@jade

It seems to be a Gutenberg specific case where the text in the first sentence doesn’t get wrapped in a <p> tag.

But when I removed the Dropcap short code of Integrity, it is working fine, seem like it is a bug in the shortcode.

[jade]

Hi Saswata,

I have added this to our issue tracker so that our developers can look into it and see it if’s a bug.

For the meantime, please use the workaround.

Thanks!