Overflow Menu not working in IE

[Vinoth-LearningThings]

Overflow menu is not showing up in IE

Detailed description

cv-overflow-menu is not showing up in IE browser. Works in Chrome & Edge

Bug

cv-overflow-menu

Overflow menu should show up in all the browsers

IE11
"@carbon/vue": "^2.17.1" & "carbon-components": "^10.7.3"

Steps to reproduce the issue

1. Use cv-overflow-menu component in vue application
2. Launch the application in IE
3. Click the overflow-menu-icon

Additional information

<cv-overflow-menu
              :flip-menu="true"
              :up="false"
              :offset="{ left: 0, top: 0 }"
              @click.native.stop
              class="actions-menu"
            >
              <span ref="overflowMenuItem">
                <cv-overflow-menu-item
                  primary-focus
                  v-for="(overflowAction, idx) in overflowActions"
                  :key="idx"
                  @click="overflowMenuEvents(index, $event, item)"
                >{{ overflowAction }}</cv-overflow-menu-item>
              </span>
            </cv-overflow-menu>

overflowActions: ["Action 1", "Action 2", "Action 3", "Remove"]

[Vinoth-LearningThings]

Analyzed the issue and found out that the usage of window.scrollX and window.scrollY causing the issue in IE. Seems the properties scrollX and scrollY doesn't support the IE browser.

https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY

Using window.pageXOffset and window.pageYOffset resolved the issue for me.

Can we get this fix in next version?

[lee-chase]

Sure @Vinoth-LearningThings will be a couple of days before I can take a look. Feel free to submit a PR which checks for the existence of scrollX/scrollY and defering to pageXOffset/pageYOffset which I may be able to review tomorrow.

Include interactive tooltip in any fix.

[lee-chase]

@Vinoth-LearningThings let me know if that works for you canary just published.

[Vinoth-LearningThings]

@lee-chase Yup. Looks good to me. Thanks!