UI Component listing action column outside of screen when too many columns

[milansimek]

Preconditions

1. Magento 2.x
2. Google Chrome 65 (maybe previous versions also)

Steps to reproduce

1. Edit cms_page_listing.xml
2. Add the following snippet to the columns tag:

       <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>

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

Expected result

The dropdown menu should be positioned under the link

Actual result

Dropdown menu is out of screen

[magento-engcom-team]

@milansimek, thank you for your report.
We've acknowledged the issue and added to our backlog.

[saurabh-parekh]

I am working on this at #dmcdindia

[magento-engcom-team]

@saurabh-aureate thank you for joining. Please accept team invitation here and self-assign the issue.

[hitesh-wagento]

I am working on this