Angular Material - Scrolling issue for select component - ios

I am currently working on an app developed using Angular Material (v 9.2.0) and Ionic Capacitor. On iOS devices I am currently facing an issue with mat-select component.
As seen in the screenshot, once opened, the list of options doesn't scroll with the page.
mat-select issue
Is there a way to fix this issue?
Thanks,
Shardul Sane

If you are using matTooltip directive for mat-option try to delete it. This did a trick for me.
upd. After fixing this issue in my code I've found this reference to the issue.

Related

Reveal.js does not load in ios9.3

My old iPad (ios9.3) refuses to load any reveal.js slides. It only shows the "Fork me on Github" image on the top corner. I suppose it will be that ios 9.3 does not support some new features of html5+js+css (I am not a developer, my skills are quite limited, so please excuse me if I say something stupid).
I am very interested in using it on an iPad due to the chalkboard plugin.
Any of you know what can be causing the trouble? Could I disable any of these features/files and make it work?
Thank you.
aimar
During all this weekend I was trying to figure out a solution. Finally, I manage to debug iOS safari from my windows laptop following this procedure and found that an "Unexpected identifier" was impeding "chalkboard" plugin to load.
A variable was defined with "let" command that, as I learnt, was not recognized by safari 9. I changed 4 "let"s with 4 "var"s commands in "plugin.js" (chalkboard plugin) and now it works in my old iPad, even with reveal v4.
Now I have another issue with the menus (menu plugin) not showing properly, but I will try also to fix it.

Nativescript Angular - Only white after splashscreen with Webpack for ios

after working on an app for quite a while all that's left now is improving startup timings - and the given solution for that is Webpack.
Using npm run start-android-bundle produces an app that works as intended (with some minor problems with firebase).
But using npm run start-ios-bundle produces an app that starts with the splash screen and then only shows white. Unlike other problems here on StackOverflow it doesn't just need a few seconds on the white screen but the starting component never shows up, without throwing an error.
Has anyone encountered the same problem or has an idea how to fix this problem?
Many thanks to Nick Iliev for looking into the matter. The problem was in the Firebase-plugin and has been addressed here: https://github.com/EddyVerbruggen/nativescript-plugin-firebase/issues/564.
Updating nativescript-plugin-firebase should fix the problem

Multi node tree picker Umbraco 7.2.1 unable to sort

Has anyone ran into this problem, on Umbraco 7.2.1, I'm unable to sort any nodes once seleted
There is no JavaScript errors and have looked at Umbraco.controller.js and added breakpoints in Chrome. The js file get hit when adding or removing items, but when trying to sort nothing.
In Umbraco 7.3.4, this feature works OK.
Is this a bug in 7.2.1
I believe this is indeed a bug in 7.2.X. I've experienced issues with sorting as a whole on the 7.2 platform.
In the link below, you'll see there has been issues with sorting in 7.1 as well.
http://issues.umbraco.org/issue/U4-4633

Tap issue with Ionic and Cordova on iOS 10

iOS 10 it's still in beta, but it will be released on Tuesday the 13th.
I install the beta on my iPad and I notice that the tap is not working very well. (single tap not working, you have to tap several times to simulate a single tap (or click a button, change page and so on)
I am currently running ios 10.0.1 (updated last night) and i'm still facing this issue.
Is anybody facing the same problem?
I can see this behaviour only on my app, other apps are working fine.
The setup is:
ionic 1.3.1
cordova 6.3.1
Is there anything changed on iOS 10 events that I need to bare in mind? sorry for the vague question, but it's something I need to fix before they release it officially or I will have a lot of angry customers.
Thank you !!!
SMALL UPDATE
Replacing ng-click with on-tap should solve part of this issue. You will still have problems with ui-sref and with any other place that doesn't use ng-click tho.
I've posted this issue in a bunch of different places, if you wanna keep track of it, they are here:
https://github.com/driftyco/ionic/issues/6928#issuecomment-253463917
https://forum.ionicframework.com/t/ionic-tap-issues-with-ios10/66764
Use (tap) directive instead of (click) directive.
Angular 2:
Ionic provides you with hammerjs under the hood, if you use the (tap) directive angular 2 will do all the wiring to connect that directive with hammerjs and that removes the 300ms delay.
Good luck.
Example:
<my-component (tap)="doSomething()"></my-component>
Angular 1.x:
Try with http://ryanmullins.github.io/angular-hammer/
Is the recommended repository from the guys of hammerjs for Angular 1.x
Example:
<div hm-tap="doSomething"></div>
i found one solution on website. but i don't use ng-material in my app.
did you try this????
.config(function( $mdGestureProvider ) {
$mdGestureProvider.skipClickHijack();
})
FIXED!
I finally fixed this. I don't know if this will be useful for you tho. The issue was one plugin I bought from ionic market, and to be precise it was this one:
https://market.ionic.io/plugins/ion-time-picker
I already sent an email to the developer, but if you are using this plugin, it may be the cause of ios10 not working.

Custom Cordova IOS keyboard

I am working on a Cordova app for which the client insists we have a custom keyboard for numeric input that looks native; the goal is similar to a keyboard that comes up with PayPal.
Here is the problem: we need to do this without touching the way things work for Android in our app. This probably means we need to create a cordova plugin, but I have read that creating custom keyboard is looked down on by the folks over at Apple (see this old post about it).
I've had a very difficult time finding any documentation on how to do this with Cordova on IOS, which makes me lean towards rolling a solution inside of Cordova using a jquery library. My question has two parts:
1: If possible, how does one create a custom keyboard for html5 inputs in Cordova as an IOS plugin?
2: If this is a lost cause, what existing jquery plugins would you recommend instead?

Resources