I am developing an extension for Firefox. The problem is that I can't see Inspect Element for an extension, extension screen just doesn't respond to right mouse click. I can select dropdown, can select, can edit, but can't invoke Inspect Element.
How can I do that? Sorry if the question is duplicated, but I couldn't find the answer anywhere. Thanks a lot.
I found the answer, it is here:
https://developer.mozilla.org/en-US/Add-ons/Add-on_Debugger.
Related
I have added PrimeNG p-editor on my angular 7 application but wanted to add custom button to toggle on HTML and text view as this feature is not supported by primeNG/quill. Also went through this issue thread https://github.com/quilljs/quill/issues/128 but unable to find out the required answer.
I looked into multiple examples like
https://jsfiddle.net/nzolore/1jxy58vn/ and https://codepen.io/anon/pen/ZyEjrQ but all this is in javascript and unable to convert it in angular.
I have added <button class="ql-edit-html">html</button> under <p-header> but not getting next part.
any help will be appreciated. Thanks :)
We faced the same problem one week ago. Maybe we didn't fix it as you wanted. It's some kind of workaround.
We've added button under p-editor which is replacing quill with normal textArea.
I implemented this css dropdown menu system a few years ago and I am just realizing now that it does not work on my iPhone, yet it works fine on my bosses android phone. I was under the impression that since IOS5, i-devices do register a touch event as a hover automatically but I guess I was wrong.
The structure of this menu is a little weird in that the main tabs (other than Home and Contact) are not meant to take the user anywhere, only the submenu items actually go to another page. I have a feeling this is where the issue may lie, but I can't figure it out.
Here is a JS Fiddle.
The :hover is on <li> to cause the dropdown. Maybe this is the issue? or maybe its the way my boss coded the button so it would look like a link but not do anything on a click:
<li id="aboutus" class="blogbutton"><a><span>About Us</span></a>
I tried removing the anchor tags and the whole button goes away. I removed the span tags and the original problem still remains.
Is there a fix without having to rewrite the whole menu system?
Try adding an onclick="return True;" attribute to the base menu that triggers the drop-down. Safari will trigger the hover attributes, but only if it thinks that the element does something when it's tapped, and for a static element like a li, this is the easiest way to achieve that.
I have unfortunately stumbled on the issue where, on iPad, a pop-up menu summoned by way of :hover does not disappear from the screen when the user touches an empty area of the page.
The problem is the same described here:
Hover Behavior on Desktop vs iPad
The menu is part of a template I bought, namely:
http://html.realia.byaviators.com/
But... wait a minute... it WORKS on the template's home page? And only on that page -- it doesn't work on any other page of that same template.
I was able to track the behavior down to the point where I found that the reason why it works is the following: initializing a Google map makes the menu behave properly. Just the simplest of maps, with the default options.
Now my question to the experts is: what is that Google does in the map initialization code in order to fix the :hover behavior?
Thank you very much in advance for your help!
Well, can't tell what is that Google does, however the solution is documented in mobile Safari developer's reference.
For a click event to be generated on an area of the document, there must be a click handler attached. For example, clicking on a div will generate a click event only if an onclick="void(0)" handle is presente:
Clicking here triggers event in mobile Safari
I try to create on hover hyperlink animation. When user hover on the link it will animate the underline.
I put the code here : http://codepen.io/elaelation/pen/bkicn
It works very well on Chrome & Firefox, but it did not work on Safari. I already put the -webkit-transition for Safari bug, but it still didn't work.
Is there anything wrong with my code ?
thank you.
I just found a good article here : http://css-tricks.com/transitions-and-animations-on-css-generated-content/
CSS transition on pseudo element is not supported yet in Safari. You can read the detail on the article above.
i try to use codemirror in a jquery ui dialog.
here you can see the result in jsfiddle.
http://jsfiddle.net/HtntY/
the problem is that the content in codemirror does not appear on first load. it only appears after you set focus on the editor and than type something, after that the preloaded content appears.
can this be fixed somehow. i tried to do it with the refresh() function without success.
thanks for you short time.
Looks like jQuery UI hasn't actually unhid the DIV when the opener runs. Putting a refresh call in a timeout (as in http://jsfiddle.net/NP9SL/ ) seems to do the trick.
I ran into the same problem and wound up running the editor.refresh() off the focus event, FWIW. I thought I'd mention another, somewhat related problem. If you try to take advantage of the CodeMirror dialog/search functionality inside of JQueryUI modal dialog, the integrated search dialog fails to get focus and you can't type into it. Interestingly I can paste text into the search field, but I cant type. Have yet to find a way around this other than setting modal to false.