You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.
When the linear progress bar displays while the autocomplete is in the middle of a query, the progress bar appears to the right of the input box, like this:
I found this on Chrome 43.0.2357.81 and in Angular Material 0.9.7.
The root cause is that the selector which sets CSS position to "relative" for the indeterminate progress bar (md-progress-linear[md-mode="indeterminate"]) is more specific than the progress bar in the autocomplete control (md-autocomplete md-autocomplete-wrap md-progress-linear).
The rewrite of the animation for indeterminate mode introduced this CSS property (1d478eb, line 67), but I believe that it's unnecessary. The "relative" position of the child md-container should be sufficient. An alternate fix is to make the CSS selector in the autocomplete CSS more specific, as in md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode="indeterminate"].
In the meantime, the workaround is to add the following CSS:
When the linear progress bar displays while the autocomplete is in the middle of a query, the progress bar appears to the right of the input box, like this:
I found this on Chrome 43.0.2357.81 and in Angular Material 0.9.7.
The root cause is that the selector which sets CSS position to "relative" for the indeterminate progress bar (
md-progress-linear[md-mode="indeterminate"]
) is more specific than the progress bar in the autocomplete control (md-autocomplete md-autocomplete-wrap md-progress-linear
).The rewrite of the animation for indeterminate mode introduced this CSS property (1d478eb, line 67), but I believe that it's unnecessary. The "relative" position of the child md-container should be sufficient. An alternate fix is to make the CSS selector in the autocomplete CSS more specific, as in
md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode="indeterminate"]
.In the meantime, the workaround is to add the following CSS:
The text was updated successfully, but these errors were encountered: