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

Input field loses focus in safari while coping text from other tabs into input field. #4203

Closed
ghost opened this issue Aug 17, 2015 · 4 comments
Closed

Input field loses focus in safari while coping text from other tabs into input field. #4203

ghost opened this issue Aug 17, 2015 · 4 comments
Assignees
@topherfangio
Labels
browser: Safari P4: minor Minor issues. May not be fixed without community contributions. type: bug
Milestone
1.0.6

Comments

@ghost
Copy link

ghost commented Aug 17, 2015

open input in demos in material angular site > click on some input field > switch the tab in browser > copy some text > paste in previously focused field

label was expected to transform and move up, but it does not.
screen shot 2015-08-17 at 11 33 45 pm
@ThomasBurleson ThomasBurleson modified the milestone: 0.12.0 Sep 2, 2015
@ThomasBurleson ThomasBurleson modified the milestones: 1.0-rc1, 1.0-rc2, 1.0-rc3 Oct 27, 2015
@topherfangio topherfangio modified the milestones: 1.0-rc4, 1.0-rc3 Nov 3, 2015
@topherfangio topherfangio added the needs: review This PR is waiting on review from the team label Nov 3, 2015
@topherfangio
Copy link
Contributor

Need to review and see if this is still an issue.

@ThomasBurleson ThomasBurleson modified the milestones: 1.0-rc4, 1.0-rc5 Nov 16, 2015
@topherfangio
Copy link
Contributor

This appears to be fixed on master.

If you are still experiencing this after upgrading, please comment and I will reopen.

@satyaki1
Copy link

Hi @topherfangio -
This issue is still reproducible , following are the steps which you need to follow to reproduce this issue -
Open https://material.angularjs.org/latest/demo/input

  1. Highlight any field (Preferably the "required" field one).
  2. Now Go to other tab on browser e.g. Go to Google Maps which opened on other tab on safari browser.
  3. Copy something from that tab
  4. Come back to Meterial site.
  5. Paste in highlighted field.

@topherfangio
Copy link
Contributor

@satyaki1 Thanks, I didn't read closely enough and I was switching browsers (i.e. Chrome to Safari).

I can now reproduce and will investigate.

@topherfangio topherfangio reopened this Feb 18, 2016
@topherfangio topherfangio added type: bug browser: Safari P4: minor Minor issues. May not be fixed without community contributions. and removed needs: review This PR is waiting on review from the team priority: low labels Feb 18, 2016
@topherfangio topherfangio modified the milestones: 1.0.6, 1.0-rc5 Feb 18, 2016
@topherfangio topherfangio added the in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs label Feb 18, 2016
topherfangio added a commit to profoundry-us/material that referenced this issue Feb 18, 2016
@topherfangio
fix(input): Fix transition when switching tabs in Safari.
609a600 
In Safari, if you select an input, switch tabs, then switch back,
the CSS animation to float the label does not fire properly causing
the label to sit on top on any text that you copy/paste into the
field.

Fix by delaying the `setFocus()` until the next tick.

Fixes angular#4203.
@topherfangio topherfangio mentioned this issue Feb 18, 2016
Closed
ThomasBurleson pushed a commit that referenced this issue Feb 26, 2016
@topherfangio @ThomasBurleson
fix(input): Fix transition when switching tabs in Safari.
b944ea1 
In Safari, if you select an input, switch tabs, then switch back,
the CSS animation to float the label does not fire properly causing
the label to sit on top on any text that you copy/paste into the
field.

Fix by delaying the `setFocus()` until the next tick.

Fixes #4203.

  Closes #7207
@ThomasBurleson ThomasBurleson removed the in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs label Apr 25, 2016
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@topherfangio topherfangio

Labels
browser: Safari P4: minor Minor issues. May not be fixed without community contributions. type: bug
Projects
None yet
Milestone
1.0.6
Development

No branches or pull requests
3 participants
@topherfangio @ThomasBurleson @satyaki1