Css bug only occurs when external monitor is connected - css

I get this gray field showing when i scroll in the div.
It started happening recently and I have not updated the app since it started happening.
It only shows when:
In chrome
When external monitor is connected. In laptop it does happen when in mirror mode with external monitor but not when disconnected.
I can't select the gray field in the selector. It's as its not there.
Is it a bug in chrome? How do I debug this?
Update
I'm using this template http://triangular.oxygenna.com/#!/elements/lists
Same error occurs on that page.

Related

Chrome waiting for available sockets, Firefox is fine

We have a Wordpress based website (rendeljkinait.hu), and we face freezing issues while editing articles when using Chrome. When I hit the save button for the 7th time without page reload, the article editor freezes during save and I get "waiting for available socket" error in Chrome. No matter how long I wait, the editor won't save until I reload the page. When I'm using Firefox, everything is fine, no matter how much I hit the save button. Current Wordpress version is 5.2.3, but error occured in former versions too.
I investigated the error, and found it is caused because Chrome never closes the open sockets until I reload the page. So until hitting the button 6 times everything is fine, since Chrome and other modern browsers allow to have maximum 6 paralell connection to a single host. But after I press the button for the 7th time, there is no space for another connection, so Chrome is waiting for the older connections to get closed, but it never happens.
Here's a screenshot from net log
Using Firefox I observed that it always closes the connection after the save is successful, so only 1 connection is active all the time, it never exceeds the 6 paralell connection limit. I attached Chrome netlog file here, you can view it here. I also attached a video showing Firefox closing the connection here (107.6.*.** is our servers IP).
For various reasons we have to use Chrome, so I would like to find a solution for this problem, but I'm completely stuck. Does anyone have a suggestion what could cause the problem and how to solve it?
Thanks in advance!
I have the same problems with chrome and gutenberg.
It is impossible to do any heavy editing on the site, so I use firefox for all admin related stuff.
Haven't found a solution either...
For anyone who might find this topic with similar problem: seems like it was a Wordpress bug, a Wordpress update solved the issue.

Power BI Iframe: Issue with IE and Edge

We have an Application Developed in ASP.NET inside which we have added an embedded Power Bi Dashboard using iFrame.
The Dashboard is working as expected in Chrome but facing the following issues with IE and Edge.
On IE the Dashboard is not being Displayed when viewed from the Embedded Application and upon clicking the power bi Sign-In button (shown within the Iframe), the application as a whole gets redirected to app.Powerbi.com/.... When you click the back button and refresh, still the sign-in prompt is shown in the iframe.
On Edge, the behavior is same as in IE, except that you click the back button from the app.powerbi.com website and then refresh the page, then the report renders correctly within the Iframe.
I tried clearing the Cache and Cookies, tried adding *.microsoft.com site and *app.powerbi.com to trusted sites list(per power bi forums) but still not working.
I suggest you check for the latest Windows updates and try to install it. Then after again try to test this issue on your side.
If the issue persists then hard refresh the page. Clear all the data for that site and again try to load the page.
I tested the issue with IE 11.1.18362.0 and Microsoft Edge 44.18362.1.0. As per my testing results, both browsers display the Power BI dashboard in ASP.NET site without any issue.
Output in IE 11:
Output in MS Edge:
If the issue persists then try to check the console to see whether there is any error or warning message. It can help to narrow down the issue.

Unable to find firefox developer edition event listener breakpoints in the debugger?

In Chrome, a user can open up the DevTools Debugger and easily select an event listener breakpoint on the right in the "Sources" Pane.
I have been unable to find these features in the Firefox Developer Edition debugger. Curiously, when visting the Firefox Developer Edition website, they have a video that shows a user easily opening up the inspector, switching to the debugger, and clicking a panel on the right to bring up all these event breakpoints. In the version of Firefox Developer Edition that I am using (54.0a2), however, these buttons do not exist.
I have literally clicked every button on the debugger panel and am left scratching my head.
It seems almost unbelievable these features do not exist or were removed in a "developer edition" browser. Hoping someone can point me in the right direction.
Setting breakpoints on event listeners is obviously not yet implemented in the new debugger UI, but there's already a request to add it.
Note that you can simply switch back to the old debugger frontend by unchecking the Enable new debugger frontend option in the settings (only available in Firefox Nightly):
or by going to about:config and setting the preference devtools.debugger.new-debugger-frontend to false.

My aspx page gets struck half the way during load in internet explorer

In my project(classified site) there are many aspx pages. in that i have post page where user can post the ads.. This page is not loading fully.. only half of the page loads and then it stops. This happens only in Internet Explorer(I am using version 8.0)
Browser returns follwing errors:
Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Message: Object doesn't support this property or method
prototype.js
Please help me in this.
Have you checked your JavaScript or maybe JQuery codes?
Try to call that codes when the page is loaded.
Another solution is this:
Reset your internet explorer settings and run it. You can do this by following the steps given below.
If the problem is caused by damaged or incompatible Internet Explorer settings or add-ons, you can usually resolve the problem by resetting Internet Explorer settings.
To use the Reset Internet Explorer Settings feature from Control Panel, follow these steps:
Exit all programs, including Internet Explorer (if it is running).
If you use Windows XP, click Start, and then click Run. Type the following command in the Open box, and then press ENTER:
inetcpl.cpl
If you use Windows Vista, click Start Collapse this imageExpand this image . Type the following command in the Start Search box, and then press ENTER:
inetcpl.cpl
The Internet Options dialog box appears.
Click the Advanced tab.
Under Reset Internet Explorer settings, click Reset. Then click Reset again.
When Internet Explorer finishes resetting the settings, click Close in the Reset Internet Explorer Settings dialog box.
Start Internet Explorer again.
I ran into a similiar problem and this didnt help but I did find that the client had used the Ctl+Scroll and had Zoomed out to far causing the menu at the top of the page to start stacking.
Hope this helps though this post is older.
JSB

How can I disable the javascript debugger in the Web Inspector for the iPhone simulator?

I am using the Web Inspector in desktop Safari (Version 6.0.2 (7536.26.17)) (under the Develop menu) to debug Mobile Safari's interaction with a web application in the iOS Simulator (Version 6.0 (358.4)).
At the moment, I would like to simply monitor HTTP requests; I am not interested in stepping through the javascript code. However, the Web Inspector keeps dropping into the debugger, even though no break points are set. I have to repeatedly click the "continue" button to get the entire page to load.
How can I tell the Web Inspector not to debug javascript?
The setting is there, I just overlooked it. In the Web Inspector in the pane on the left side, at the top, there are a bunch of icons. The second one from the right is a "breakpoint" icon. Click that. There are two entries at the top, "All Exceptions" and "All Uncaught Exceptions." I had "All Exceptions" enabled. Disabling that solved the problem.

Resources