search

facebook / lexical

Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
https://lexical.dev
MIT License
18.24k stars 1.53k forks source link

Bug: Cannot paste google doc indented paragraph correctly #4826

Open kalvin807 opened 11 months ago

kalvin807 commented 11 months ago

Lexical version: 0.11.3

Steps To Reproduce

  1. Type a paragraph and indent the first word via tab (or you can use this google doc sample )
  2. Copy and paste to playground

Link to code example:

The current behavior

The first paragraph looks different, the indent apply to whole paragraph instead of first sentence.

Screenshot 2023-07-26 at 11 48 06

The expected behavior

The indent should only apply to first sentence.

kalvin807 commented 11 months ago

Perhaps using text-indent to determine indent of paragraph node is not align to what text-indent in css means?

The paste event datatransfer.

Details

```html

I'm baby bushwick jean shorts non wayfarers mixtape cornhole vape dolor sunt bespoke aesthetic solarpunk sus. Pork belly crucifix next level gochujang marfa +1 tempor man braid hashtag sed taxidermy shaman officia fingerstache. Fam la croix pariatur, knausgaard PBR&B etsy in eu kombucha gluten-free tousled swag ethical brunch. Reprehenderit sus humblebrag hot chicken, taxidermy flannel fixie meditation taiyaki cred excepteur.

Tacos meggings cred id mumblecore art party cupidatat tattooed YOLO post-ironic aliquip. Cardigan sustainable green juice cloud bread tonx lomo quis knausgaard adipisicing aliquip. Consectetur fam marxism air plant solarpunk cronut tote bag chambray reprehenderit man braid. Ipsum aliquip bitters, godard edison bulb keffiyeh consectetur pickled kale chips bushwick velit swag asymmetrical intelligentsia tbh. Non lomo nostrud enim cupidatat aute. Iceland yr pabst af.

Tumblr drinking vinegar meh mollit photo booth organic unicorn four dollar toast butcher fixie. Neutra coloring book mukbang bruh fingerstache ipsum. Edison bulb solarpunk palo santo grailed crucifix unicorn scenester in shoreditch. Mlkshk qui 90's la croix beard ad gorpcore. Dolor do tumeric elit, readymade skateboard crucifix neutral milk hotel you probably haven't heard of them.

Narwhal tacos williamsburg pickled JOMO elit cold-pressed jawn activated charcoal green juice kombucha VHS selvage glossier la croix. Sed tousled solarpunk offal, ex velit sint dolor mollit kogi portland fam occupy. Reprehenderit YOLO poke in live-edge health goth esse. Cardigan twee biodiesel eu letterpress, ramps meh sus ullamco tousled flexitarian. Retro direct trade pug cronut schlitz in JOMO etsy waistcoat 3 wolf moon. Organic pabst tonx, ipsum kitsch pour-over portland readymade semiotics tofu. Craft beer bruh labore next level.


```

acywatson commented 11 months ago

Perhaps using text-indent to determine indent of paragraph node is not align to what text-indent in css means?

This is 100% true - I've always known we were using that CSS property incorrectly, but I think it's mostly there for compatibility with other editors. I'm honestly not sure how we should deal with this, as we don't have the concept of semantically indenting the first line - I think we'd just add whitespace there.