If a drop zone is inserted between 2 others with existing fragments placed, the drop zone content is shifted

Issue

  • A fragment is created with multiple drop zones and some other fragments are placed onto these zones.
    <div class="fragment_1">
    <h1> Drop Zone 1 </h1>
    <lfr-drop-zone id="drop-zone-1"></lfr-drop-zone>
    <h1> Drop Zone 2 </h1>
    <lfr-drop-zone id="drop-zone-2"></lfr-drop-zone>
    </div>
  • If another drop zone is inserted between the 2 existing ones and the fragment is republished, the content of Drop Zone 1 shifts to Drop Zone 1 Duplicate.
    <div class="fragment_1">
    <h1> Drop Zone 1 </h1>
    <lfr-drop-zone id="drop-zone-1"></lfr-drop-zone>
    <h1> Drop Zone 1 Duplicate </h1>
    <lfr-drop-zone id="drop-zone-1-duplicate"></lfr-drop-zone>
    <h1> Drop Zone 2 </h1>
    <lfr-drop-zone id="drop-zone-2"></lfr-drop-zone>
    </div>

Environment

  • DXP 7.3

Resolution

  • This is the expected behavior.
  • The drop zones were not designed to be rearrangeable because the drop zone has no id. This implies that the drop zones are rendered in order and cannot be rearranged.
  • Related discussion on GitHub
  • Related documentation: LRDOCS-10917

Workaround

You can manually fix the drop zone by dragging & dropping the elements to the desired drop zone.

  • Open a Feature Request that will be evaluated by our Product Team. 
    • This is our official process that will allow our Product Team to assess the request.
    • You can add your personal touch to the product by writing down the details in the description.
    • Feel free to add further comments to discuss the remaining details with the team.
    • Please note that the implementation of feature requests is subject to our developers' decision, and the new feature can only be added to our future Liferay releases.
  • Customization
    Modifying Liferay's source code and developing your own solution to fit your business needs are always available to you. Please note that doing so may result in limited support for bugs that originate from modifying the code.
  • Global Services Team
    Involve our Global Services team by reaching out to your Liferay representative.

Additional Information

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0