question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] [iOS] Entry placeholder color changes during animation when it shouldn't

See original GitHub issue

As you can see in the .gif provided below, there is a weird bug happening when transitioning from one entry to another. It looks to my like the color in question is being set for the animation and is ignoring the (placeholder) color property of the entry.

Bug Information

Version Number of Plugin: 2.2.0 Device Tested On: iPhone 11 Pro Simulator Tested On: iOS (Multiple) Version of Xamarin: 4.8.0.1269 Versions of other things you are using:

  • PancakeView: 2.0.1.707
  • Prism: 7.2.0.1422

Steps to reproduce the Behavior

  • Implement 2 Pages with an entry each. (with placeholder and keep colors the same for debugging)
  • “Link” them by giving them the save Transition.Name attribute.
  • Change pages.

Expected Behavior

Seamles transition from one page to another without changing any colors since origin & destination have the same colors.

Actual Behavior

The entry placeholder turns to a different shade of gray before “popping back in”

Code snippet

<Entry Text="{Binding Password}" BackgroundColor="Transparent" sharedTransitions:Transition.Name="EntryPassword" PlaceholderColor="#A2A2A2" Placeholder="Test"> </Entry>

Screenshots

RPReplay_Final1596748897

afaik the PancakeView is doing what it should do since gradients need to be rendered seperately on iOS

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
GiampaoloGabbacommented, Aug 7, 2020

This is because the plugin is trying to recreate the view to apply smooth transition between views that change borders, colors, ecc…

In your casethis behaviour is overkill and produce unwanted effects to the views. I’m planning in the next version to add a “light” transition for ios that just take a raster snaspshot of the view and animate it (so we dont mess with borders, and other properties). This should fix your UI.

I’m planning the update by the end of this month, maybe sooner as my healthkit/googlefit plugin require more works i’m going to switch to the SharedTransitions and ship an update

0reactions
vniehuescommented, Aug 9, 2020

Thank you for your work!

Read more comments on GitHub >

github_iconTop Results From Across the Web

css - Why is a transition property on the placeholder ...
behaviour may change in the future. Here's the code for the JSfiddle. input::-webkit-input-placeholder { color: red; transition: 2s; } ...
Read more >
Material Design-Like Text Field with SwiftUI
And then, basing on the changes of the editing state, we change the border color and width. With animation, of course.
Read more >
Don't Use The Placeholder Attribute
An interoperable input is created by programmatically associating a label element with it. Labels describe the purpose of an input field, ...
Read more >
Text fields
2-part diagram showing the two types of text fields with two variations for ... When text input isn't accepted, an error message can...
Read more >
Xamarin.Forms 4.5.0.495 (4.5.0 Service Release 2) ...
"[Android] Changes in SwipeView to avoid the use of APIs that require ... Github #8779 - "[Bug][iOS][Android] Entry in custom SwipeItemView ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found