Material Dialogs Don't Work under Chrome on Some Machines - angular-material-8

Angular Material Dialogs have stopped working on my machine under Chrome. They have also stopped working on the web, so it's not a coding issue.
Instead of showing a dialog, any site that uses Angular Material dialogs just shows an empty transparent gray overlay. The dialogs still work OK under Edge. They were working OK last week.
I've rebooted several times, updated everything on my system, reinstalled Chrome, turned off graphics acceleration, removed all my Chrome extensions, and cleared my cache, checked memory usage, and looked in the system log for errors.
https://material.angular.io/components/dialog/examples
When I browse to this site and click the "Pick One" button I get a gray overlay and no dialog.
I'm just seeing a gray overlay. There are no messages in the console window.
Needless to say this has left me rather unnerved about the whole framework as this would be a total pain on a customer site.

Upon further investigation these dialogs do work Incognito mode. Clearing the cache still didn't work, but signing out of Chrome, *then clearing the cache and signing back in again fixed the problem. Perhaps this helps somebody.

Related

Font Awesome fonts not loaded on first page load in ios safari

This problem is driving me up the wall...
I have a website that uses font-awesome. On a cold start, with a clear cache, font awesome fonts are not rendering in ios Safari (desktop browsers seem fine). On any subsequent page load, including refresh, or any other page thereafter it works fine.
I tried with a CDN and locally, and I even tried using font-awesome right at the top of the page to ensure it wasn't some other styling problem, eg
<body><i class="fa fa-circle"></i> ...
Any insight would be very appreciated.
Edit
Strange, this issue only seems to happen when I click the shortcut I saved to my homescreen. If I navigate to the website, even on a cold cache (after closing Safari and deleting cache), it seems to work fine. Maybe homescreen shortcuts do some weird caching thing?

IE 11 crashes when using GPU rendering - large MVC page with bootstrap and datatables

I've got a large mvc 5 bootstrap web page that's repeatedly causing IE to crash. The page has a large number of bootstrap accordions with jquery datatables in. The page loads fine but if you scroll too fast then a small white rectangle appears in the upper left side of the page and IE stops responding.
The page is fine with a much reduced amount of data, it's fine in chrome and its fine if you tick the "Use software rendering instead of GPU rendering" option in IE.
At the moment my solution is to display a warning on the page to the users that they need to tick that box if I've got more than 100 rows of data but especially as that option requires a restart of IE it's not ideal.
How can I go about fixing this, is it something anyone else has experienced?
ok, fixed but I'm not sure it's applicable for anyone else. I was using a old version of datatables (1.10.7) So I updated to the latest and it stopped happening but the memory usage still built up whilst the page was just sitting there. I removed the flash buttons and changed them to the html5 buttons and everything was much much better.

On iphone, safari, when typing in an input, the screen goes white

I've tested this on every other browser, it's only on iphone on safari where this is happening. I've built a site on wordpress and whenever a comment field is clicked on a comment, the screen goes white briefly. Cna someone point me in the right direction on how to diagnose this? Thanks!
http://texas-coffee-school.steadfastlight.com/is-inconsistency-killing-your-coffee-business-from-within/#comments To see. Thanks!
Found the answer: By applying position: relative on all the form objects, this fixes the issue iOS was having with the form fields.
Try pressing F12 on Google Chrome for developer tools and emulate the device (by clicking the phone icon and selecting the device required) that is causing the problems (e.g. Apple iPhone6), run the console while leaving a comment and it should display whatever Javascript is running in the background and debug from there.

JQuery Mobile Pop Transition Failing first time when reading from file on slow device

OK, here is an interesting problem.
I have a project created in JQuery Mobile and it starts with a pop-up displayed with a pop transition. It works well on my desktop browser, but on a low CPU tablet the fist pop-up is not displayed. If I change the transition to none it shows, but then the next pop transition fails.
So what I have discovered is that reading from file:// works, but reading from http:// works on desktop, but fails on tablet.
Refreshing the display (F5) makes it work so it could be something with caching.
Work with callbacks. Probably the function is executing before it's loaded.

SSRS - Buttons are Misaligned in IE

I am using SSRS 2008R2 and my deployed reports were working fine. I am accessing these reports in another computer.
I am using IE to access these reports.
At first, I had the usual buttons --> Save As, Refresh, Print and Export to Data Fee
And I was able to print directly from IE using the Print button (not File-Print)
However, one fine day, the alignments of these buttons went from being horizontal to vertical. And the worse part is the Print button is now missing.
PS: I can't post photos. So imagine the buttons becoming vertically aligned and the print button missing. And I am using IE11
Any help or guidance is much appreciated.
Hayashi!
Well, I'm not thrilled about it, but have a look at this page:
http://msdn.microsoft.com/en-us/library/ms156511.aspx#bkmk_reportviewer
Under the table Browser Requirements for Viewing Reports there is a little note stating "Internet Explorer 11, add the report server URL to compatibility view in internet options".
I have tested this and confirmed that when we add our URL to the to IE11's Compatibility View List, the annoying display issues go away.
Not a server-side fix as I was hoping, but came straight from the horse's mouth.
I've found out the problem. My PC automatically updated my IE from 10 to 11.
Since then, this problem occurred. I went to uninstall IE 11 (from Control Panel) and revert back to IE 10.
Problem solved!
Hayashi

Resources