Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-5308

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

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Critical
    • Resolution: Unresolved
    • Affects Version/s: 6.1, 6.1.1
    • Fix Version/s: None
    • Component/s: page editor
    • Labels:
      None

      Description

      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>

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              cringele Christian Ringele
              Votes:
              1 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated: