Angular Bootstrap Modal in Microsoft Edge - Background bleeding through - angularjs

This happens on hovering over the inputs and dropdowns. It only happens in Edge, not in Chrome or IE11. Any idea what could be causing it? Apologies for the phone pic, it doesn't appear on print screen for some reason

Related

REACT - Scroll to image loaded when component is re-rendered (happens only on IOS)

I've done some research before come here to ask help, but this issue it's so weird that I can barely describe it to find for some help. Well, I coded pagination logic on my own using React. After finishing I've tested it on Windows using chrome, working fine, on Android using chrome and samsung browser, also working fine...but on IOS using both safari and chrome, when moving through pagination, it scrolls to the new image that is loaded breaking the scroll to the top that I implemented, this video sums up everything:
https://www.youtube.com/shorts/o3aDHOvDIto
You can see that everytime I change pagination it jumps to the image and then scroll to the top, after I cycle between all the posts, this behavior stops and the pagination do what I originally intended, scroll to the top after user select position of the pagination.
You can check it by yourself on you ios device (I was using iPhone 13)
https://hosana.dev/blog.html
Also here is my source code
https://github.com/diegodiego1989/hosana.dev-blog
What I'm doing wrong? Thanks in advance.
To be honest I have no idea on why this is happening.

Bootstrap modal on Iphone - blank space

Hi im using a bootstrap modal and when opened the modal on an iphone and tap to write, the phone keyboard shows up and i noticed that a blank space at the bottom is added, anyone experienced this issue before, just happens on ios safari.
view issue here
Having the same issue since iOS update last week. Blank spaces in the code where my modals sit. The ‘fix’ is to clear history and website data in settings, but that is not great for customer experience. Hope we can find a solution

Chrome is behaving strange bootstrap modal

We are experiencing an strange issue. On Chrome browser when we show Modal pop up, we are getting a black background flicking and this is not happening on other browsers. We have also using Chrome Dev Tools but we found nothing that causing this.
In Chrome Settings turn off
Use Hardware acceleration when enable
and relaunch Chrome

angular-materialize DatePicker doesn't show on Edge browser, scrolls the page down on IE and Edge

I'm using angular-materialize for a demo project and so far it's been pretty easy to use. However, when doing a browser compatibility test pass I found that the datepicker component doesn't work when using IE and Edge browsers. On IE it scrolls the page down when the overlay appears and it doesn't even work on Edge browser. You can see the bugs on the angular-materialize demo page Open this link in IE or Edge.
Please refrain from answering this with a question like "Why not use Angular-Material". Although the UI is similar, there are some parts of materializecss that I prefer over Google's Angular-Material. So far, this is the only issue I've found.

Telerik MVC Extensions, grid, chrome and vertical scroll bar disappearing

We've noticed lately that the grids in our website as well the ones on the demo page for the grid show the vertical scroll bar until the page finishes loading and then disappears. It appears to be adding 'overflow: hidden' to the table which has the effect of removing the scroll bar. When I remove this css (inside Chrome debugger) the scroll bar re-appears. I have confirmed this behavior on multiple users' systems.
Anyone know of a fix for this? I have a feeling this is something Telerik will have to fix.
This bug is happening because of a setting located in the Chrome debugger settings called ‘Emulate touch events’. When the Telerik grid detects a touch enabled browser it adds the overflow:hidden to the grid. In my case, a majority of the laptops at my work are touch screen enabled and so the 'bug' manifests on those machines.

Resources