Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

The right arrow icon for tabs on IE in a dialog is always inactive and the selected tab is not underlined #8276

Closed
flex123 opened this issue Apr 29, 2016 · 0 comments
Assignees
Labels
has: Pull Request A PR has been created to address this issue type: bug

Comments

@flex123
Copy link

flex123 commented Apr 29, 2016

The issue is reproducible in this codepen: http://codepen.io/cfung76/pen/PNyxZE

Steps to reproduce:

  1. Decrease the size of the browser to about 400 px.
  2. Click on the "TAB DIALOG" button.
  3. The dialog box contains 4 tabs where tab # 4 is hidden.
  4. On IE, the right arrow that allows the user to go to tab # 4 is disabled. As a result, the user will not be able to go to tab # 4. Also, the underline is missing for the selected tab.

On IE

image

On Chrome

image

@ThomasBurleson ThomasBurleson added this to the - Backlog milestone Apr 29, 2016
crisbeto added a commit to crisbeto/material that referenced this issue May 5, 2016
The tabs component usually only queries the DOM once for all the elements, however when the template gets compiled later on, those references get lost. This fix addresses this by updating the references on the next digest.

Also improves some DOM lookups and removes some that weren't being used anymore.

Referencing angular#3953.
Fixes angular#8276.
@crisbeto crisbeto added the has: Pull Request A PR has been created to address this issue label May 5, 2016
@Splaktar Splaktar removed this from the - Backlog milestone Feb 23, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
has: Pull Request A PR has been created to address this issue type: bug
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants