[Forwardport] [Resolved : UI Component listing action column outside of screen when…

[vijay-wagento]

Original Pull Request

magento#15459

The dropdown menu should be positioned under the link

Description

Fixed Issues (if relevant)

1. UI Component listing action column outside of screen when too many columns magento/magento2#14153: Issue title UI Component listing action column outside of screen when too many columns

Manual testing scenarios

1. Edit cms_page_listing.xml

       <column name="text1">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text2">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text3">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text4">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text5">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text6">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text7">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text8">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text9">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text10">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text11">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text12">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>
        <column name="text13">
            <settings>
                <label translate="true">Text</label>
                <visible>true</visible>
            </settings>
        </column>

2. Add the following snippet to the columns tag:
3. Clear cache and empty ui_bookmark table
4. Go to CMS page listing
5. Resize screen to 1200px wide
6. Scroll to the right to the actions column
7. Click on it

Actual Result

Expected Result

Contribution checklist

• Pull request has a meaningful description of its purpose
• All commits are accompanied by meaningful commit messages
• All new or changed code is covered with unit/integration tests (if applicable)
• All automated tests passed successfully (all builds on Travis CI are green)