Add line spacing to RichTextEditor

I have implemented the line-spacing as suggested based on the answer in this thread https://www.syncfusion.com/forums/188919/add-line-spacing-to-richtexteditor. However, it does not work in Safari. I also opened the link to the answer in Safari, and I the line spacing 


3 Replies 1 reply marked as answer

BT Bhuvaneshwari Thirunavukarasu Syncfusion Team October 17, 2024 11:13 AM UTC

Hi Sebastian Marambio,

Thank you for your patience, and I sincerely apologize for the delay in getting back to you.

We have carefully reviewed your concern regarding the line spacing issue in Safari. The issue has now been resolved, and you can find the updated solution in the following Stack Blitz example:

https://stackblitz.com/edit/react-hgfpmt-gqryyy?file=index.js,index.html

 

Problem Details:

 

When users attempted to select a line height using the Split Button, the selection was not preserved, causing editorManager.domNode.blockNodes() to return an empty or null node array, which prevented any line height adjustments from being applied. This issue persists only in the Safari browser, while it works fine in other browsers.

 

Implemented Solution:

 

To address this issue, we have implemented a solution that captures the block nodes in the onOpen event of the Split Button. This ensures that line spacing can be applied correctly, even if the selection is temporarily lost during the transition.

 

We attached the code snippet below for your reference,


image

 

Please check it out and let us know if it meets your expectations. If you face any difficulties, feel free to reach out.

 

Thanks,

Bhuvaneshwari T


Marked as answer

SM Sebastian Marambio October 17, 2024 06:48 PM UTC

Thank you. It is working now



BT Bhuvaneshwari Thirunavukarasu Syncfusion Team October 18, 2024 02:24 PM UTC

Hi Sebastian Marambio,

You're welcome! Please get back to us if you need any further assistance.

Regards,

Bhuvaneshwari Thirunavukarasu


Loader.
Up arrow icon