Focus not going next element in IE

[shuaibabdulla]

In chrome, focus is going to the next element, but in ie it's going to different select component

[basvandenberg]

Which IE version is that?

Could you also please explain in more detail the observed and expected behavior? Do you mean changing the focus by pressing the Tab key? What do you mean with 'next element' and 'different select component'?

[shuaibabdulla]

On focus, it was not opening.

Once it was opened as below

focus is coming correct but after that clicking the tab it was going to the next input element in chrome and not in ie11.

reference focus comming.

[shuaibabdulla]

I have done a code to open on focus.

  setTimeout(() => {
      let elementsWithOpenClass = this.element.nativeElement.getElementsByClassName('open');

      if (!elementsWithOpenClass || elementsWithOpenClass.length == 0) {
        let element: HTMLElement = this.element.nativeElement.getElementsByClassName('toggle')[0] as HTMLElement;
        if (element) {
          console.log('inside focus. clcik');
          element.click();
          /!*setTimeout(() => {
            let inputElement = this.element.nativeElement.getElementsByTagName('input')[0] as HTMLElement;
            if(inputElement) {
              inputElement.tabIndex = 0;
            }
          },100);*!/

        }
      }
    }, 200);

after this on focus select option get opened.

[shuaibabdulla]

In ie 11 once the tab is pressed the focus is not going to next input element