I have an angularJS application working fine in Chrome and IE (YES i said IE!!) but firefox doesnt seem to be showing the radio buttons as checked. I have checked the html (image below) and it seems fine, but as you can see the radio button is still showing as unchecked.
I have looked on the web and people say there is a bug in firefox with radio buttons but not sure if its the same bug here, and i have added the autocomplete="off" to both my form and radio buttons but still no luck.
Anyone else got a fix for this?
Given the timing of your question could be related to firefox bug that was in v33? https://github.com/angular/angular.js/issues/10089#issuecomment-63296014
If it doesn't happen in ff36 or above probably related.
Related
I have a simple form in an iframe.
For demo purposes it only has a select and two text inputs.
After a fresh load I can open the dropdown.
As soon as I have clicked in an input field and that input field got the focus I cannot use the dropdown anymore.
It always immediately loses its focus to the last text input I have used.
You can see a demo here:
https://iframe.testlive.net/
This seems to be a Chrome issue (latest Chrome version on Windows 11).
There is no problem with Firefox and interestingly also no issue with Edge.
Any ideas?
Ok, it looks as if this issue is caused by a Chrome plugin: Enpass Password Manager.
I will file a bug report with Enpass.
I have a vue app that runs almost fine on chrome browser but some issues crop up on safari. The main issue is with the components which have radio buttons. When I click on any of the radio options it doesn't show the selected color(blue)(but the option is being selected in my responses JSON). However, if you click again on the same option it appears. Why does this happen on Safari, can anyone guide me? It works fine on Chrome.
the UI is here: https://sensein.github.io/covid19/#/activities/0
and the code is here: https://github.com/sanuann/schema-ui/blob/master/src/components/Inputs/WebRadio/Radio.vue
The entire build is carried out by Github actions and deployed via gh-pages.
I was able to fix it by removing the watch on "init" here: https://github.com/sanuann/schema-ui/blob/master/src/components/Inputs/WebRadio/Radio.vue#L105
I am not sure why it worked in other browsers and why the problem occured on Safari only. anyways was able to fix it.
I've been searching on here for a solution for the past few days, and despite finding a couple of related articles, unfortunately they were for older version of IE & hence the fixes didn't work :(
On this site http://zenyx.com/ the navigation links have been setup to use section IDs. They work perfectly on Chrome & Firefox but only seem to work on IE11 if the page is manually refreshed after the link has been clicked. Is there any way to fix this so that a manual refresh isn't required for the links to work properly in IE11?
Cheers
Not sure if you still need this answered but for anyone else having this issue with IE 11 here is the fix that worked for me.
I had a button at the top of the page to link to a giving form further down.
<button>Give Now</button>
<div id="giving-form">{{insert form here}}</div>
however it didn't work in IE 11. The reason is that the button element blocks the click event from triggering the tag. So easy fix it to wrap your button element inside of your a tag.
<button>Give Now</button>
<div id="giving-form">{{insert form here}}</div>
I'm having trouble with a form in IE8. The input fields show the clear button like in the image below:
The solution I found in the web is to introduce this in my css:
.someinput::-ms-clear {
display: none;
}
But unfortunately this doesn't work in IE8.
I would like to make this button disappear because IE8 doesn't handle well the change event either to check when the field is cleared. (In IE8 the click event can be used, but when the handler is called the value is still not cleared)
Does anybody know how to solve this issue in IE8? Thanks!
This issue only happens when using the emulator in latest version of Internet Explorer.
In IE8 there are no clear buttons in form inputs.
I'm using Boostrap on a simple sign-up form and I'd like to setup the order of the tabbing order. It currently skips the "Sign up" button.
I did added tabindex="1" for each input field (e.g. 2, 3, etc.), including the submit button, but it doesn't works.
Here's a jsFiddle.
It seems to work in Opera, but not in Safari or Chrome. Any work-arounds?
UPDATE: Works in Chrome, Opera, but not Safari.
There is nothing wrong with your code. I would expect that to work in all browsers. However...
The prevention of this seems to be a "feature" in Safari. You have to enable tabbing to anything other than text inputs. Here's a screenshot from my Safari 5 preferences window:
If I check that box, your fiddle works fine. It also seems to work if I press alt + tab (on Mac... not sure about Windows since alt + tab would switch to another window).