Uploaded image for project: 'camunda BPM'
  1. camunda BPM
  2. CAM-2941

Buttons of inline form field are only paritally visible

XMLWordPrintable

      The buttons (of the "edit" state) of inline form field widget are sometimes truncated or not visible at all.

      It happens when some "visually nearby" elements have a z-index higher than the element who wraps the widget or when the wrapper has a "overflow: none" declaration and does not leave enough space for the buttons.

      Step to reproduce:

      • in the search by variable (the top of the buttons are truncated by the "navbar)
      • in the task details, for the assignee (the wrapper element has "overflow: none")

      Solution:
      The element containing the buttons should be placed at the very end of the body, positioned absolutely and the coordinates should be calculated (using the $(el).offset() ).

        This is the controller panel for Smart Panels app

          1. inline-field-widget-with-overflow-hidden-parent.png
            inline-field-widget-with-overflow-hidden-parent.png
            2 kB
          2. inline-field-widget-with-z-index-covering.png
            inline-field-widget-with-z-index-covering.png
            2 kB

              michael.schoettes Michael Schoettes
              valentin.vago Valentin
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: