Uploaded image for project: 'eZ Platform Enterprise Edition'
  1. eZ Platform Enterprise Edition
  2. EZEE-3006

Large number of large blocks may result in block placing issues

    XMLWordPrintable

Details

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: High High
    • Customer request
    • 2.5.9
    • Page Builder
    • Clean installation of eZ Platform 2.5.8 or 2.5.9

    Description

      Description:
      As the title states, sometimes when having multiple blocks placed on the landing page (>7 or similar number) there is an issue with moving them around (block placeholder doesn't always appear or the block just doesn't move at all when the mouse button is released). It is especially noticeable when trying to move the block from bottom to the top, the opposite or just by a large number of blocks in between in any direction. It's also easier to notice when the blocks have large heights.

      Steps to reproduce:
      1. create pagelayout.html.twig file in app/Resources/views folder with the following exemplary content:

      <!DOCTYPE html>
      <html>
      <head>
          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
          <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sriracha|Roboto|Open+Sans">
      
          {% stylesheets 'assets/css/*' filter='cssrewrite' %}
              <link rel="stylesheet" href="{{ asset_url }}">
          {% endstylesheets %}
      
          {% if content is defined %}
              {% set title = ez_content_name(content) %}
          {% endif %}
          <title>{{ title|default('Home'|trans) }} - {{ "It's a Dog's World!"|trans }}</title>
      </head>
      <body>
      <div>
          <div class="jumbotron">
              <div class="page-header-container container">
                  <div class="page-header">{{ "It's a Dog's World"|trans }}</div>
              </div>
          </div>
      </div>
      <div class="container">
          <div class="row navbar navbar-default navbar-fixed-top" id="main-navbar">
              <div class="collapse navbar-collapse">
                  <div class="container">
                      <ul class="nav navbar-nav">
      
                      </ul>
                  </div>
              </div>
          </div>
          <div class="row main">
              {% block content %}{% endblock %}
          </div>
      </div>
      
      <footer class="text-muted text-center">
          <div>
              <small>{{ 'This is a work of fiction. Any resemblance to actual dogs or ibexes, or actual events is purely coincidental'|trans }}</small>
          </div>
      </footer>
      </body>
      </html>
      

      2. Change the page layout template:

      ezpublish:
          system:
              site_group:
                  pagelayout: "pagelayout.html.twig"
      

      3. Create default.html.twig file in Resources/views/blocks/example with the following content:

      <div class="row">
          <div class="col">
          <h5>header</h5>
          <img src="https://images.pexels.com/photos/2852438/pexels-photo-2852438.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">
          </div>
      </div>
      

      4. Add block config:

      ezplatform_page_fieldtype:
          blocks:
              random:
                  name: Example
                  thumbnail: 'bundles/ezplatformpagefieldtype/images/thumbnails/code.svg'
                  views:
                      random:
                          template: blocks/example/default.html.twig
                          name: Example Content Block View
      

      5. Add multiple newly created blocks to the landing page in page builder and try to move them around as stated in the description.

      Expected result:
      Blocks move without any issues.

      Actual result:
      Sometimes blocks are difficult to handle.

      Attachments

        Activity

          People

            Unassigned Unassigned
            bartlomiej.wajda@ibexa.co Bartłomiej Wajda
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated: