Submit Feedback
Legacy Knowledge Base
Published Jul. 2, 2025

Page Fragment Issue with rich text editable field

Written By

Ankit Gupta

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.

Legacy Article

You are viewing an article from our legacy "FastTrack" publication program, made available for informational purposes. Articles in this program were published without a requirement for independent editing or verification and are provided"as is" without guarantee.

Before using any information from this article, independently verify its suitability for your situation and project.

Issue

  • Steps to reproduce:

    1) Take Liferay 7.1SP2 with fix-pack dxp-16.
    2) Create a page fragment with name "Demo".
    3) Add the below code in the HTML section.

    <div class="fragment_33918">
  <lfr-editable id="unique-id" type="rich-text">
   <h1>This is editable text!</h1>    
</lfr-editable>
</div>

    3) Publish the fragment.
    4) Now create a new content page named "home".
    5) Add the "Demo" on the page.
    6) Now try editing the text on the page.

    Observed Behavior: For the first time, we were able to edit the text but after that, we were getting the black section.
    Expected Behavior: For the second time as well, the black section should not appear.

Environment

  • Liferay DXP 7.1

Resolution

Did this article resolve your issue ?
Legacy Knowledge Base
Did this article resolve your issue ?