search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.35k stars 6.74k forks source link

Input placeholder overlaps in Safari version #8679

Open jmaicaaan opened 6 years ago

jmaicaaan commented 6 years ago

Bug, feature request, or proposal:

There's an issue in regards to the inputs whereas the placeholder overlaps the input field when the placeholder is floating and switched tabs and return. See attached gif

What is the expected behavior?

The expected behavior is that the placeholder will not reset the position as seen in the behavior of chrome.

What is the current behavior?

What are the steps to reproduce?

Placeholder overlaps the input

What is the use-case or motivation for changing an existing behavior?

The issue affects the user interface of the end-user when using Safari. This would be very frustrating when the client is using browser Safari and switched tabs then come back to the website and encounter it.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Based on the package.json

Angular - 4.3.0 Material - 2.0.0-beta.11 Typescript - 2.6.1 Safari - version 10.1.2 (12603.3.8)

Is there anything else we should know?

Can't upload the .gif here instead I uploaded to dropbox to help replicate the issue.

mmalerba commented 6 years ago

Sounds like this is probably related to the FocusMonitor logic somehow

jmaicaaan commented 6 years ago

Hi @mmalerba, this issue is appearing on our environment, may I know when is the expected release for this fix or another alternative patch to fix this issue? Thank you.