Material-ui v1 Safari iOS supports - material-ui

What about Safari iOS supports for matraial-ui v1?
I try to migrate from v0 to v1 my App, and i have big problem with interface rendering.
Redrawing components is completely unpredictable. For the first time we Open the page-everything is terrible, each time in a different way. Re-open in the second time move to correct display. There is also the assumption that the problem occurs when you use MuiThemeProvider V0 and v1 together
IOS 11

Related

Transparent canvas in flutter

I would like to create an app, that works as a framework for using e.g. the ipad.
That means, that you will start the app and continue working normally with it, while suddenly e.g. animals cross the screen.
Hence the app should create a transparent canvas on top of the ipad user interface where all animations can be played.
Do packages for that exist?
Unfortunately, what you're asking for isn't currently supported in flutter. The closest you can get is notifications at the moment using a package like this
I'm assuming you want to make something along the lines of this goose desktop application for windows. Your best bet in this situation is to go native and maybe even make your own dart package.

odd Ionic behavior in iOS simulator

AN Ionic application am a working on is having some odd behavior when run in the iOS simulator (Xcode 7.2.1). My login screen when normally run looks like:
When editing the username field however, I see some sort of toolbar popup at the bottom:
Worse then that however is when I go over to the password field:
I thought at first that this may deal with the native WebView, but it only happens in the simulator. Not when run on the actual device or through ionic serve. Any ideas what is going on here? Why this odd behavior?
EDIT
Also, the app launches with the default Cordova splash screen even though I have set a splash with Ionic. Even so, it should be showing the Ionic splash as opposed to the Cordova one.
EDIT #2
Many times, the Cordova status bar fails to work and my status bar is black as opposed to white.
While this looks weird for you in iOS Simulator, and for me in Chrome's device emulator devtool, it's 'desired behaviour' in Ionic.
Ionic is designed with mobile focus in mind, so when emulating a mobile device, they hide elements to simulate the native keyboard.
Ionic wrote a blog post about this, in fact:
Getting the keyboard to play nicely with the web layer was challenging for several reasons. Probably the biggest issue is the variation in behavior across devices and platforms when the keyboard is shown.
In iOS, not only does the web view resize differently when the keyboard shows in versions 6.1, 7.0, and 7.1, but it is affected differently, and sometimes completely oppositely, by including or excluding the viewport meta tag. Throw support for tablets and landscape orientation into the mix and trying to make every scenario on every device work nicely can have you quickly creating three new issues for every one you fix.
The blog post goes on to say they wrote a Keyboard plugin for Cordova, which is supposed to perform keyboard related hiding and element changing as faster and more accurately. You can find that GitHub repo here.

Different position image between Xcode 4 and 5

I'm new with iPhone developing and I have many problem about the transition to iOS 7!
Example screen
Why is the position of the image different?
iOS 7 has introduced over 1500 new APIs... It is very unlikely that you will be able to directly transfer your apps between the OS's - if it was the same then there would be little point in Apple putting the work in to a new OS.
In the example that you have given, iOS7 uses a margin from the top of the screen, as opposed to the bottom of the top toolbar.
This article helped me work out how to handle the migration.

Setting default scale for iOS Simulator

Is there a way to set the default scale with which iOS Simulator should open, for example, 75%?
The native resolution of the New iPad is too large for my display, so I have to press ⌘+2 or ⌘+3 every single time I want to test an app while being able to see the entire screen.
I've seen questions on this before, and the answer is no. I would love it if the answer was yes, but it is not. I hope that Apple adds this feature in a future release.

Background image on iPhone 4 causes webapp to run slow

I'm porting one of my projects to iPhone 4.
It's a Sencha Touch application, running via PhoneGap wrapper (that means UIWebView). Everything runs rather smoothly on iPhone 3(GS) and the simulator ofc. But on iPhone 4 (we've tested on several phones) the css rule for panel background makes the whole app run very slow including scrolling and tab transitions:
background-image: url(../images/background/main_panel__background.png); /*320x317*/
That causes all the stutter and lags.
I've tried to convert the image to JPEG and replace it - still nothing helps.
What could it be? I know that WebKit rendering engine does some scaling (1x1 -> 2x2) to accomodate for high resolution of "Retina" displays, but why would it cause such slowdown?
Thank you.
I discovered the same issue with background image and i am not sure what could be the reason. Actually i suspected the Alpha of my png to cause the issue, but apparently you had it with jpg too... For now i remove the picture. We could use CSS to remove it only for iPhones...