I am using the Advanced Custom fields plugin in wordpress, and whenever I modify text fields on posts in chrome, wordpress appends <div id="level-access-access-assistant-highlight-container"> to the end of my text. Doesn't really do anything except pop up as a lighthouse error telling me I have multiple elements with the same id.
Issue comes up on the latest versions of chrome, but doesn't happen in firefox/edge/ie
Has anyone else had this issue? Is there anything I can do to change it?
LINK: here
"Issue comes up on the latest versions of chrome, but doesn't happen in
firefox/edge/ie"
Then it may not be a server side issue but instead "id" is being inserted by a browser extension/add-on (to identify accessibility issues???) in your own Chrome browser. Check what browser extensions/add-ons you have installed for Chrome and try deactivating them.
Related
I'm implementing the Authorize.net Accept Hosted form, which seems to work fine.
I understand that there are basically zero options for style/formatting customizations, but there is an issue I'm seeing on MacOS in Chrome (seems OK in FF/Safari) where the text for the 'Billing Country' is offset and overlaping the label for the select box:
Is this a known issue and/or is there a way to fix it?
Unfortunately I don't think you can fix it on your end. This is a CSS issue that surfaced with a recent Chrome release, it started with Google Chrome version 86.0.4240.75, previous versions of Chrome and other browsers does not shows this issue.
I've always used ff inspector to debug css and never had this issue before, I tried to check the css of this website https://www.duolingo.com (the issue occurs only when I'm logged in), but the inspector is not showing anything for any element on the webpage:
The inspector works fine on other websites though, not sure if the website developers intended to hide the css or not, but I found some strange css links seems to be using a proxy:
Is this some kind of new trick to hide CSS or is it a bug in firefox inspector? or is it something else?
I'm using Firefox version 45.0.1
I am pretty certain this is a known bug that has been fixed already.
I don't have an account on this website so I can't be sure, but we've had very similar problems in the recent past.
It could be either:
https://bugzilla.mozilla.org/show_bug.cgi?id=1255787
Which has been fixed in FF48 (it involved an inline stylesheet <style> which defined a sourcemap URL).
Or it could be:
https://bugzilla.mozilla.org/show_bug.cgi?id=1249888
Which has been fixed in FF47 and uplifted to FF46 too (it involved an incorrect CSS sourcemap URL).
You can verify this by tested again with these versions. If it still doesn't work, please feel free to file a new bug here: https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&component=Developer%20Tools%3A%20CSS%20Rules%20Inspector with steps to reproduce and possibly, pasting the errors that may be present in the browser console (ctrl+shift+J).
In any case, this isn't a wanted behavior. In the rare cases where there are indeed no css rules to be shown on a given element, then the panel shows a message like "no valid element selected" or "no css rules found", I can't remember exactly which one. If the panel is just empty, then that's most definitely a bug.
I have seen this in Firefox 49 when inspecting my own site on the development server. When I went to the Style Editor tab the list was huge and the spinner keeps spinning.
I went to the dev tools settings and disabled "show original sources". The Style Editor tab now shows two files and I'm able to see the CSS rules (though not my less rules obviously).
I've found this already filed as https://bugzilla.mozilla.org/show_bug.cgi?id=1097834
Whenever I right click to inspect element in Firebug on Firefox, it gives me this "*::-moz-progress-bar" CSS listed before the element I inspected. Anyone know what this is and how to get rid of?
There's an option on the Firebug Style ▼ drop-down menu to Show User Agent CSS, you must of accidentally enabled it recently.
The current version of Firebug (reportedly started in version 1.11.3) has a bug where it incorrectly displays numerous User Agent CSS at the top of the list. If you've been using the "Show User Agent CSS" option for a while now and this problem just started, you're most likely experiencing this bug.
Give it some time, as the bug was only posted today (5/16/2013). Hopefully the Firebug developers will release a fixed version within a few days.
And as the other poster said, you can always disable the showing of all User Agent CSS. Though as stated in the bug report (link below), it may still appear in certain cases.
Bug Report: http://code.google.com/p/fbug/issues/detail?id=6451
Bug Discussion: https://groups.google.com/forum/?fromgroups#!topic/firebug/5vwmU-IEkbc
I have a small wordpress & css related problem regarding some elements that are not showing up properly or at all in IE9 and Chrome (latest version). However, in Firefox they appear ok.
On this page: http://next.lab501.ro/foto/sony-nex-3/3 in the sidebar (lower right) I have two elements (boxes), one is called lab501.ro (it's an RSS widget) that is not listing the items (their should be 10 items listed in that box) an below this one another box called Syndication that is not showing up at all.
This problem appears only on pages where I have a Gallery (standard wordpress not a plugin). If I remove the gallery the page renders correctly.
What am I missing?
I'd suggest checking (and fixing) the HTML is valid before doing anything else: the w3c validator is a good place to start. There seem to be quite a few issues, including two opening <body> tags. The first one is followed by some lines with // at the start - maybe some PHP has been incorrectly commented?
Your html ends abruptly right after the syndication box (there are no closing tags for the divs and body/html). This means you have a PHP error, which should be be debugged on a testing environment with php errors enabled.
I've noticed a strange behavior in two different sites when using IE8.
The first site is in the site that I maintain xebra.com.
The second site is google analytics.
The behavior is that when an address is typed directly into the address bar of IE8, both sites display correctly,
But when one of the sites has already been loaded, and you press the refresh button or F5 key, the layout gets all screwed up:
See screenshots here: here
Something is causing IE8 to render in 'quirks mode' which causes the breakage.
You can duplicate this by browsing to your site in IE8 and selecting Tools > Developer Tools > Document Mode > Quirks Mode.
Make sure your document is always being served in standards mode.
EDIT My original answer had 'compatability mode' where it should have read 'quirks mode' - the two are different.
JS.Companion was what was causing this odd bug, and not IE8. Phew!
http://www.my-debugbar.com/wiki/CompanionJS/HomePage
I spent the whole morning trying to figure out what was going on, I removed companion.js and bingo my site is perfect! thanks for this.
That's really strange. I don't have the problem on my computer with Companion.JS installed and http://www.xebra.com/ web page (under Vista SP1).
I would be happyto correct the Companion.JS bug that generates this problem if you can provide more information about the problem.