I'm finding an odd bug in the Android ICS browser, both on my Skyrocket device and in the emulator. Basically the fixed header I have is losing almost all of it's styling (reverting to text though still fixed it appears). This appears to occur when there is a PJAX transition or on certain pages (even though the header HTML and CSS is the same in all cases).
You can see this on a staging environment I've set up:
https://tt-chnicola.herokuapp.com/
User: testuser
Password: password
Just navigate around a bit and you can see what I mean.
Update: To be specific I'm using 4.0.3 (API level 15) and my phone is 4.0.4 from Samsung
Also occurs on 4.0 (API 14)
It works fine on GB (API 10) and JB (API 16) so this seems to be an ICS exclusive problem.
So this does appear to be a browser bug, but it was fixable by removing a floated "image replacement" element that was using a technique similar to this:
https://stackoverflow.com/a/471538/235243
Looks like the text that was being hidden was coming up and pushing the entire header out of view for some reason.
Related
I'm currently working with Xamarin for developing an android app. The structure of the app is really simple yet but a big problem appeared concerning the rendering of my main page. First, it's important to know that I'm supposed to develop for target API 23 so Android 6.0.
And every time I test my application on my Android 6.0 device via USB-debugging the design is totally messed up with my only (!) button duplicated many times and the textViews mixed up over the screen (As shown in the picture link below).
Even though I am new to Xamarin and Android (and C#) I have my settings (as I think) in perfect order. The minimum API level is 21, the target SDK version 23 (Android 6.0), my device runs version 6.0.1, the target compiling framework in properties is set to 6.0, the manifest is set up as I mentioned before and even my "Designer" window with the layouts .axml is set to v23.
I really don't know what to try next, because I want to start coding further. Would be nice if sb could help me out with that.
I have already tested the code of the app on a different API level (26 I think) and it worked perfectly fine with my Galaxy S9 in Debugger mode. Everything looked like it was designed in first place.
I also tried different AppThemes in Visual Studio but not one of the 7-8 I tried worked in any way different except for the colors.
The android app does only switch when clicking the button, texthttps://imgur.com/i0xChVniew 2 into the current date and time. I'm really sure, that my code is not the problem.
Picture: How it should look (In Xamarin)
Picture: How it looks on the phone
I'm working on a Cordova mobile app that uses jQuery Mobile. On this app, we've created buttons using icons from the Font Awesome library. In Chrome, everything works great -- the icons appear as they should. However, if we compile the app and run it on our Android test devices then the icons will start to randomly replace other icons on the same page.
If we use Chrome DevTools to inspect the page while the mobile app is running on the phone, the icons display correctly on the desktop inspector, but not on the mobile device.
Here's a screenshot of the icons displaying correctly. This is from Chrome DevTools inspecting the mobile app while it's running live on the mobile device.
Here's a capture of the same screen taken from the device. I've indicated in red where the differences in icons are.
More pertinent observations and facts:
Our primary test devices are Samsung S7s running Android 7.0 -- all of these devices have this same problem.
The icons do not start to replace one another until we've changed pages a couple times.
It's not consistent which icons get replaced. It will vary each time we fire up the app. One icon that gets replaced one time might be left untouched the next time.
This problem does not occur on our older Android test device (Droid Razr Maxx HD running Android 4.4.2).
I've tried re-compiling the app with the android-targetSdkVersion removed, set to 22 and set to 25. In all instances, the icons continue to swap randomly on the newer Androids.
We've upgraded cordova-android to the latest version (6.2.3 as of writing) and the issue remains.
If I use Chrome DevTools to manually remove the Font Awesome icon CSS class (e.g., fa-user-plus) and then re-add it again, the icon will then display correctly on the device.
We've noticed that sometimes (as you can see in the screenshot below) a small white line might appear underneath an icon that has been replaced.
Does anyone know what might be causing this? Any theories on how it's possible for Chrome DevTools to show one thing while the device shows another would also be helpful.
I stumbled across a solution for this problem while debugging a separate issue on the same app where position:relative elements would disappear while I was scrolling on a mobile device.
While I haven't been testing on an iPad, the solution provided in this question iPad Safari scrolling causes HTML elements to disappear and reappear with a delay fixed both issues.
What I did was apply -webkit-transform: translate3d(0,0,0) to the class .ui-btn (the jQuery Mobile class for buttons). After a re-compile, the icons would no longer randomly swap with one another.
I have little insight as to why -webkit-transform: translate3d(0,0,0) fixes this apparent WebView rendering bug. If anyone has a deeper understanding of what's going on, please leave a comment!
We have an native Android application developed in Java and Android Studio.
We started observing a phenomenon which seems to be related with rendering (but might not?).
In the photo bellow the table is rendered correctly:
When ticking one of the checkboxes to select a row, the fields show only the first letter:
Setting focus to one of the textboxes, or turning the tablet (horizontal / vertical) temporarily fixes the issue, and the table is rendered correctly.
It doesn't matter at which point you click the checkboxes, the problem shows again.
We ran the app on different devices:
Samsung S4 mini, Android 4.4.2 (not showing error)
Lenovo Tablet, Android 4.4.2 (not showing error)
Samsung S4, Android 4.2.2 (showing the error)
Winmate tablet, Android 4.2.2 (showing the error)
What can this be?
Any advice on how to solve this?
Thanks in advance,
Shy.
I was having the same issue. I discover that RowLayout has this bug on some Android versions (I saw this bug on Android 4.2 version but not on 4.4 versions). Try changing RowLayout for LinearLayout, that'll do the trick.
I'm having a weird issue on Android 5.1 (API level 22) where if i use a controlColorNormal and controlColorActivated that reference a colour resource that is overridden in the land folder, when the device is rotated, the EditText background (the underline) is not tinted with the correct land colour, but with the base variant (or the other way around, if the app is started in land orientation).
This works fine on Android 5.0.x and lower, it's just misbehaving on 5.1.
Here is a PoC project with a more in-depth description and some screenshots: https://github.com/rock3r/EditTextTinting
Has anyone seen this happening, and possibly found a workaround for it?
I have used Fragments and displaying a text animation in each fragment. Inside my Fragment activity I have taken a "next" button and have made it invisible. After the text animation is finished in a fragment, I am making the button visible and applying TranslateAnimation. When I test it on Samsung Galaxy s2 with Jelly Bean, the button is not getting visible on the first place. This happens when I remove the attribute,
android:targetSdkVersion="17"
from the manifest file. When I specify it back, the animation works fine and button gets visible too. However, it works find on any other device with Jelly Bean or even Samsung Galaxy s2 with ICS on it, even without specifying targetSdkVersion.
I wonder if anyone else is also facing the same problem and what could the problem be.
EDIT: In addition to the problem I mentioned, I also observed that when targetSdkVersion is not specified, the application crashes with outOfMemory error after changing several pages(Fragments) with Images in them. This is also particularly for Android OS version 4.1.2 (Jelly Bean).
Every mobile is not coming with core Android. it is customized for specified mobiles.
so it is always best practices to provide min and max version of android in manifest
You should use NOA library for ANdroid ANimation. This works great for Object ANimation....
Here is a link: