Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toggle button not rendered correctly on Android #1363

Closed
pennersr opened this issue May 12, 2014 · 3 comments
Closed

Toggle button not rendered correctly on Android #1363

pennersr opened this issue May 12, 2014 · 3 comments
Assignees
Labels
needs: reply the issue needs a response from the user

Comments

@pennersr
Copy link

Toggle buttons do not render correctly on Android 4.2.2. See the following screenshot showing a codepen from 1.0.0b4. As can be seen from the second screenshot, the track background bleeds through the border radius.

screenshot_2014-05-12-22-16-16

image

@adamdbradley
Copy link
Contributor

Would you be able to try this instead:

.platform-android4_2 .toggle .track {
  -webkit-background-clip: padding-box;
}

On iOS a thin white line shows up between the outer border and inner track:
image

What device are you seeing this on? I'm not able to replicate the squared off toggle on my Nexus 4 w/ 4.2.2, or Gennymotion's HTC One w/ 4.2.2.

@pennersr
Copy link
Author

I am seeing this on an Asus MeMO Pad HD7 ME173X. I will test your change at a later time...

@ionitron-bot
Copy link

ionitron-bot bot commented Sep 6, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 6, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
needs: reply the issue needs a response from the user
Projects
None yet
Development

No branches or pull requests

2 participants