Widget Macro (Vimeo Link) blank lines added when no height value specified and not scaling properly

XMLWordPrintable

    • Type: Bug
    • Resolution: Unresolved
    • Priority: Low
    • None
    • Affects Version/s: 7.8.0
    • None
    • 3
    • Severity 3 - Minor

      Problem

      When adding a Widget Macro (containing a link to a Vimeo video) to a Confluence page:

      • if no value is specified as height, unnecessary blank lines will be added before and after the Widget.
      • With height and width set to 100%, then we do not see the blank lines but the Widget will not consume the full column/section width on the Confluence page
        Vimeo and Youtube links are not behaving the same way and it is working fine for Youtube links but not for Vimeo links.

      Environment

      Confluence latest version 7.8.0 and Chrome 85.0.4183.121 or Firefox 80.0.1

      Steps to Reproduce

      • Start a Confluence 7.8.0 site
      • Create a new page and with the below storage format
        <ac:layout><ac:layout-section ac:type="three_equal"><ac:layout-cell>
        <p><ac:structured-macro ac:name="widget" ac:schema-version="1" ac:macro-id="17ecfcf2-5ad3-4175-9901-ce9bbb88564f"><ac:parameter ac:name="width">100%</ac:parameter><ac:parameter ac:name="url"><ri:url ri:value="https://www.youtube.com/watch?v=tRs4qQMMKpk" /></ac:parameter></ac:structured-macro></p>
        <p><br /></p>
        <pre class="language-none"><br /></pre></ac:layout-cell><ac:layout-cell>
        <p><ac:structured-macro ac:name="widget" ac:schema-version="1" ac:macro-id="8346f1cd-5a5d-4ae7-83e0-14fa7ddf7c2d"><ac:parameter ac:name="width">100%</ac:parameter><ac:parameter ac:name="url"><ri:url ri:value="https://vimeo.com/289163379" /></ac:parameter></ac:structured-macro></p></ac:layout-cell><ac:layout-cell>
        <p><br /></p></ac:layout-cell></ac:layout-section></ac:layout>
      • add or remove a height value to see the difference of behaviors

      Expected Results

      • Behavior should remain consistent and no blank line should be added above the Widget when a Vimeo link is used.
      • If a height is specified, we should still consume the entire section/column width

      Actual Results

      • Blank lines are added above and below the Widget connector when a Vimeo link is used
      • If a height is specified, the Vimeo Widget connector should still span/consume the entire layout section/column width.

      Workaround

      Added a fixed pixel height on top of a 100% width set can help but this is not scalable.

      Notes

      Recording attached with steps to reproduce illustrated for your convenience

              Assignee:
              Unassigned
              Reporter:
              Pascal Oberle
              Votes:
              1 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: