How to fix Google Extension scrollbar disappearing - javascript

I am working on a Google Extension. The logic of the extension is same with Google Translate extension. When I select a word, scrollbar disappear on some websites such as Youtube, Stackoverflow etc. But not on Facebook or Instagram.
Did someone have such problem before? How can I solve this issue?
I tried overflowY: scroll, but didn't work.
I use React.js and Material UI.

Related

react app positioning some image differently

this is a strange one. when I look at my application products screen some images are position differently to others and are more central. when I try and recreate this in google chrome or firebox browser with the dev tool and mobile view they are positioned correctly. its just showing this strange positioning on some images. As it is only showing as problem on my samsung s10 and not in the browsers I cant troubleshoot. any help or ideas would be appreciated.
The link to the hosted app is here and would need to be viewed on a mobile to recreate this problem, thanks
https://webdev-davidm.github.io/E-commerce-front-end/#[![enter image description here]1]1
check your browser you might need to add some libraries..not sure which one you can check this on mdn documentation

How to unify behavior of infowindow scrolling in chrome/firefox/IE

I'm using google maps api in my application. I found out different behaviour of scrolling in infowindow. In google chrome when there is an infobox opened with overflowing text, I can scroll it with the mousewheel. If I do the same thing with firefox or IE it starts to zoom in / out. I made a short comparision video to understand my problem better. https://www.youtube.com/watch?v=-MUerJFebOc
I like the 'greedy' gestureHandling, where I can use the mousewheel to zoom in desired situations. I don't want to use 'cooperative' gestureHandling, which somehow solves my problem. Do someone knows a solution/workaround for that? Thank you!

Onepage-Scroll not working in Mozilla

I am using the plugin OnePage Scroll by peachananr to make my site a one-page scrollable site. I am running into issues with the mouse wheel events in Firefox specifically, which is making my site navigation break. Specifically I can only scroll up. Does anybody know how to fix this issue? There doesn't seem to be any specific errors on the console.
Thank you!
Plugin site: https://github.com/peachananr/onepage-scroll
My site: http://bmgzstrategies.com/new_site/
Sorry, this issue was caused by some interactions between two plugins I was using. I deleted one of the plugins and the issue was solved. Thanks!

Grey grid showing up on google maps

So, I implemented google maps to our website but for some reasons since yesterday a grid appeared on the map when I browse the website with chrome but not with firefox.
And If someone else browse the website with chrome the grid isn't displayed.
I'm having a hard time finding out why I see this grid
Here is a picture of the map
This is a bug in Chrome, see this issue in Google Maps Javascript API issue tracker
It surely is a bug in webkit browsers not only Chrome.
I managed to fix this by adding this css:
.gm-style div {
-webkit-transform: scale(1.002);
}

Google Chrome background jittering when moving pictures

I was working on an image gallery and it involved some heavy image moving\resizing using javascript. Everything worked like a charm on all the broswers except for IE6\7 (no wonder) and ... Google Chrome.
Basically under certain zooming each movement made Chrome redraw the background, making it jitter, change its position and then move back. I can't post link to the actual script at the moment, but I used a jquery plugin to immitate the problem:
http://danilsk.narod.ru/wtf.html (try zooming in and out and clicking images)
Does anyone know how to fight this?
I am using google chrome and I see no issue here.
Everything is running very smoothly. Try updating your browser.
FYI:
Ubuntu 10.04 LTS - the Lucid Lynx
Google Chrome 8.0.552.215

Categories

Resources