Well i'm currently developping my Toolbar for Google Chrome as a Extension. The main principe is that i'm all the time injecting the toolbar as an iframe by using the Content Script.
But now i see a couple of bug with gmail, google map/search, pdf an maybe other that i've not yet see...
Let me explain, when i go on gmail, i don't see my toolbar at all...
When i open Google, it seems really normal :
But then when i start a search my toolbar seems to overide the top link (web, images, videos, maps,...) I can't click on them anymore...
Next problem is when i'm trying to go on google map or trying to open a PDF, it seems to give the same css to these web pages from my toolbar...
Google Maps :
PDF :
Hope i where clear enough, do not hesitate to ask me question if necessary ;)
Why don't you use absolute/fixed positioning and style attributes? Using style attributes would remove the issue of the possible spread of CSS.
To remove the toolbar from pdf, you could write something that removes the element when on pdf?
Well, i've find a good solution to resolve the problem with PDF and Google Map it was a problem on my CSS.
About the google Search now it works perfectly by setting the body webpage as a fixed page like NeXXeus tell me but there is still a problem.
Check this out :
EDIT : We don't really see, the argument select/deselect is top: 0px;
Related
I'm working on a website, and it flashes a white screen between page loads, every time I click a link. I've read a lot of other posts on similar issues, but each scenario looks to be different. How do I best go about troubleshooting where this flash is coming from?
The site is using WordPress, custom built from the Genesis Child Sample theme. I'm not greatly versed in the Inspector tool. Anything I should be focusing on in reviewing/testing?
This issue ended up coming from an animation I was unaware of on the .site-container. I removed this CSS, and the issue was resolved.
I am having a problem with AMP.
I'm trying to implement a read more button, but when there are images, videos, advertisements in the amp-truncate-text tag, it doesn't load the images, it gets a loading icon, but without showing the image.
I made an example using the AMP playground using the following code as an example.
Has anyone faced this problem and has any idea how I can solve it?
amp-trunkcate-text ist still in the experimental status. DO you have enable the experimental status?
I am trying to build a Chrome new tab extension. Now, when I load the built files in Chrome as an extension, the view looks zoomed out. Everything is the same, just zoomed out. I have no clue why this happens. I am using Svelte if that's gonna help.
Here are the visuals.
The usual and expected look.
The way it looks in Chrome.
Apparently, this happens because Chrome injects a default font-family and font-size to the body of the HTML. So, if you put your own configuration for the font in the body, then it will pick up that.
Though I've embedded the Add to Timeline social plugin in button mode:
<div class="fb-add-to-timeline" data-show-faces="false" data-mode="button"></div>
it keeps showing up as the full plugin including a preview of how Timeline items will look like. Is this a known issue?
I grabbed the embed code from here: https://developers.facebook.com/docs/reference/plugins/add-to-timeline/#.
I had the same issue, and just remove the "timeline" permission from my app settings, and then it showed up.
Since the button is really just a permission trigger you can build around it with your actual access request. This is logical if you are doing an SDK call of all sort using javascript, php or other versions.
Of course as timeline is not enabled outside of dev, one would suspect this will be addressed soon as so far I'm seeing the box in just about any type of testing I do. Odds are Facebook wants to show the box when someone calls timeline specifically to build adoption understanding.
I want to show the important links or services in my website as multiple thumbnails or tabs like what we see in Firefox or Google Chrome when we open it and they show us the latest opened websites.
I think there is a way to do that with CSS or JQuery. I googled about it but I could not be able to find it.
Though I'm not quite sure what you're referring to RE. a web browser interface, here's a really simple implementation of jQuery powered tabs: http://jsfiddle.net/i_like_robots/cc324/