Angular Material broken on chrome version 53.~ - angularjs

I've an web application with AngularJS and Angular Material.
It works fine on Firefox. On chrome, just versions lower then 53.
Firefox
Chrome 52.0.2743.116
Chrome 53.0.2785.116
The error begins when page is scrolled. The fields seems to be fixed.
I searched for any class with any problem, but everything seems to be ok.
I updated material design and angular to the last stable version.

Related

Chrome freezes when closing a $uibModal instance

Hej
When testing one of the modal windows on https://angular-ui.github.io/bootstrap/#/modal my chrome browser freezes for about 50 seconds after I close the modal. For this time I can not do anything in that specific browser tab. I can not even scroll.
The console output does not show any errors.
I implemented the component modal in my own web app and the same happens.
Does anybody know about that issue?
Version of angular: 1.5.0
Version of angular-ui-bootstrap: 2.4.0
Version og Google Chrome: 55.0.2883.95 (64-bit)
OS: macOS Sierra 10.12.2
Btw: In Safari everything works fine.
Recently I came across with a similar issue. and Then figure out it's because of the CSS Display:block Attribute check try making it in to null on your modal div. this will take you in to the modal and out from it smoothly.
Hope this will help you some how.

Angular Material fabSpeedDial

Angular Material fabSpeedDial is not working in Andriod Mobile.
(Important Note:ISSUE OCCURS IN ANDRIOD MOBILE ONLY WHEN I USE, jquery-2.2.3.min.js)
I have a demo code taken from the following codepen link
Angular Material fabSpeedDial
If i remove that jquery-2.2.3.min.js, then the functionality works fine both in mobile and desktop.
But iam in a situation where i cannot remove this jquery-2.2.3.min.js. I also tried having lower version of jquery like 2.2.2 , 2.2.1 etc, but same results.
Please help me in finding a solution for this problem.
This issue is fixed after updating angular-material.js to v0.11.2

AngularJS not working on some browsers/devices

I'm using Angular on my site, but I've been having reports on it often not working. Often users have to try different browsers/devices to get it to work. On my computer it works fine on Chrome, Opera and Firefox, latest versions. I've had reports of the page not working for visitors when using Firefox (version 31.6.0) and Safari though.
I have a smartphone of brand Öwn (Chilean or Peruvian I think), and the angular code does not work on this phone. I've tried using Chrome and the Öwn browser (some browser of their own). I have expandable content powered by jQuery, and that works fine, so it's definitely only Angular the page has problems with.
I tried removing all dependencies (using ngAnimate and ui.bootstrap for datepicker, and ngDialog), but still doesn't work on my phone.
I'm sorry I don't have more details. This is the page where the problems happen:
https://www.easterisland.travel/tours/
Does anyone have a clue? Thank you!
The problem in the end was in the code of an Angular function. When declaring a new object, I hadn't applied a value to one of the variables. This:
var tourObj = {groupId: groupId, pricePP: pricePP, savingsPP};
should have been this:
var tourObj = {groupId: groupId, pricePP: pricePP, savingsPP: savingsPP};
It was tricky since some browsers accepted it (Chrome and later Firefox) but many didn't. To locate the problem I checked error console of Safari Mac, and all it said was that angular.min.js.map and angular-animate.min.js.map were missing. .map files are for showing debug messages with minified code. Once the .map files had been added (find .map files for angular here, clicking folder for your angular version), the error console showed me exact location of the error.

ng-click $event not working in Mozilla Firefox

I was checking the angular doc for ng-click and I found a strange bug in firefox
https://docs.angularjs.org/guide/expression#-event-
The example given in the above link is working in chrome and opera, but it is not showing me $event properties in Mozilla firefox. The version i m using is 33.0.
Please let me know if there is an alternative to user event attribute in Mozilla firefox
I saw that the angularjs version is 1.5 which is not release yet.
Try to use the angularjs 1.4.8 version.

angularjs ie8 error : no module found in ie8 but working fine in ie9

I am using the AngularJS 1.2.9 version.
My site is working fine in IE9 and other browsers but in IE8 it's giving me this error:
[$injector:nomod] http://errors.angularjs.org/1.2.9/$injector/nomod?p0=moduleName
I am auto-bootstrapping the module from my script.
I have adopted everything from the AngularJS site for IE compatibility: http://docs.angularjs.org/guide/ie
Why is this error occurring only in IE8 but not in IE9?
I see that you found solution, but here is a one tip for official angularjs documentation:
AngularJS 1.3 has dropped support for IE8. AngularJS 1.2 will continue to support IE8, but the core team does not plan to spend time addressing issues specific to IE8 or earlier.
Source: https://docs.angularjs.org/guide/ie

Resources