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.

Extra <p> tag is inserted before list tag

See original GitHub issue

Providing <p>This is list</p><ul><li>one</li><li>two</li></ul> as value in props to <ReactQuill /> is rendering two extra <p><br></p> before <ul></ul>.

Expected Behaviour : No extra <p><br></p> tags should be inserted. Working example Link : Example Link

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:13
  • Comments:13

github_iconTop GitHub Comments

12reactions
alexkrolickcommented, Nov 28, 2018

Have you tried adding matchVisual: false to the configration?

8reactions
Faizahmadfaizcommented, Nov 28, 2018

@alexkrolick Thanks! I have added clipboard: { matchVisual: false } and it worked!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Putting <div> inside <p> is adding an extra <p> [duplicate]
You can't put a <div> inside a <p> and get consistent results from various browsers. ... It is not permitted to put block...
Read more >
Extra P tag is added in Single-Line-Text while updating ...
While I am updating value of Single-Line-Text from experience editor. It is adding extra P tag with text. enter image description here.
Read more >
<p>: The Paragraph element - HTML - MDN Web Docs - Mozilla
Paragraphs are block-level elements, and notably will automatically close if another block-level element is parsed before the closing </p> tag.
Read more >
HTML div Tag - Usage, Attributes, Examples
The <div> tag can NOT be inside <p> tag, because the paragraph will be broken at the point, where the <div> tag is...
Read more >
CKEditor list adds unwanted P tag on restricted HTML
Expected behavior is that no extra <p> tags gets added to list items and that it should be consistent no matter which list...
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

No results found

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