Uploaded image for project: 'Magnolia pages module'
  1. Magnolia pages module
  2. PAGES-412

Page Editor Bars: Responsive/horizontal aligned components within an area cannot be clicked/reached

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Critical Critical
    • 6.2.10
    • 6.2.8
    • None
    • Maintenance 65, Maintenance 66
    • 2

      Behaviour:

      Use for example twitter bootstrap responsive design.
      Components are aligned vertically within an area.

      • When clicking on the area bar/area bar is active, one can not reach/click the component/component's bar
      • When the area bar is not active -> one can click/reach a single component, BUT: afterwards no other component can be clicked/reached.

      It seems that the active Area bar hooks the mouse.

      Reproduce:

      Use this twitter bootstrap code in an area script:

      [#-------------- ASSIGNMENTS --------------]
      [#switch components?size]
          [#case 2]
              [#assign divColClass = "col-sm-6" /]
              [#break]
          [#case 3]
              [#assign divColClass = "col-sm-4" /]
              [#break]
          [#case 4]
              [#assign divColClass = "col-sm-3" /]
              [#break]
          [#default]
              [#assign divColClass = "col-sm-12" /]
      [/#switch]
       
      [#-------------- RENDERING --------------]
      <div class="row">
          [#list components as component ]
          <div class="${divColClass}">
              [@cms.component content=component /]
          </div>
          [/#list]
      </div>

        Acceptance criteria

              aichimescu Andrei Ichimescu
              cringele Christian Ringele
              Votes:
              3 Vote for this issue
              Watchers:
              9 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Bug DoR
                  Task DoD