如何避免在Chrome浏览器页面加载中的scrollIntoView之后,在TAB键按下时避免关注下一个元素

时间:2019-07-18 11:34:28

标签: javascript html angular google-chrome js-scrollintoview

我仅在Chrome浏览器上遇到这个奇怪的问题。我刚在页面加载(角度分量的ngAfterViewInit)之后使用scrollIntoView方法。 因此,当页面加载并滚动到元素时,一切都很好。现在,当我按TAB键时,焦点从Chrome上的scrollIntoView'ed元素的下一个元素开始。在其他浏览器上,焦点从DOM的第一个元素开始。

有没有办法使焦点应从DOM的第一个元素开始,即使在页面加载上使用scrollIntoView之后也是如此

问题可以在此处复制-https://scrollintoview-issue.stackblitz.io/

  • 在Chrome中打开链接,然后按TAB
  • 在Firefox或Edge中打开它,然后按TAB
  • 注意焦点从何处开始
ngAfterViewInit() {
    const eleToScroll = this._el.nativeElement.querySelector('#checking1');
    eleToScroll.scrollIntoView();
  }

预期-在Chrome上,焦点不应从scrollIntoView'ed元素的下一个元素开始。它应该从DOM中的第一个元素开始

实际-焦点从页面加载时从scrollIntoView元素的下一个元素开始。

0 个答案:

没有答案