we are developing a social networking portal ..but in the registration form we had browser conflict in radio button in firefox.
when the gender option is selected and changed its getting hide in firefox which is stable in chrome.i tried to solve by changing css but it dint help me.
still the problem exists.
can anyone have any idea of this problem???
I have a problem with Mootools Selector with the new Firefox.
Moreover, I have social network portal and recent firefox upgrade caused no editor in registration, post news and other user input areas to be missing.
It works perfectly in all other browsers and no changes to the site to cause a conflict. Other developers have same issue.
I'm not sure if this will assist http://www.simbunch.com/blog/127-problem-with-mootools-selector-with-the-new-firefox
Related
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 am creating a small project and for the front end I chose to use Material Design BootStrap (with jQuery), since I like those designs more than the standard BootStrap. Until now everything had worked correctly, but I noticed a strange behavior with one element: the drop-down lists. When you click on a list, it is displayed, but then there is no way to close it again, that is, to do the show / hide function when there is a selection, or when you click somewhere. It just stays open. The only way to close it is to refresh the page. This happens to me even on the MDBootstrap page. (https://mdbootstrap.com/docs/jquery/navigation/navbar/).
Well, some additional data: So far I had done my tests using the latest version of Chrome. I found it strange that such elementary functionality did not work even on the website of its creators. Then I tried Firefox, the same problem. Today in the morning while working, I decided to open the MDBootstrap page on my work computer, and to my surprise the drop-down lists worked correctly! I also did the test on a MacBook with Chrome, entering the same page and it also worked. I even tried from a virtual machine, and in the Chrome of this VM the drop-down lists worked!
In summary, MDBootstrap drop-down lists do not work, so far, in Chrome or Firefox on my personal computer at home. It occurred to me that it could be the extensions of those browsers that were causing some conflict with that element, but I uninstalled and reinstalled both browsers, and the problem persists. I have tried incognito mode with these browsers and it does not work. I tried Internet Explorer and Vivaldi, and in these if the drop-down lists work. Everything is so confusing!
Well, it's my first query on StackOverflow. If you can think of any other possible solution, or why this problem arises, the suggestions will be well received.
For some unknown to me reason, I cannot select sap.m.IconTabFilter, like it's not pressable (on mouse hover pointer is not appearing and when I press, nothing happens). This issue is experienced in Chrome. In Mozilla it works fine.
When I copied the XML into JSBin in Chrome, it worked fine.
Did anybody stuck with the same problem? How to fix it?
I tried to clear cache, restart browser/pc - the issue persists.
Also, same issue I'm experiencing right now with sap.m.Switch control.
UPDATE: I think it's a PC-specific issue. The problem is that in Chrome the app decides it's running on a tablet (instead of a laptop. The laptop can work as tablet too, but I run the app in laptop mode). This applies corresponding app's behavior. Maybe this can be the root of the problem?
No custom CSS is applied, only default ones.
I assume you are using Chrome 55+ which comes with active PointerEvent and won't work with certain UI5 versions. You need to upgrade to 1.28.42, 1.38.14 or 1.42.8 or deactivate the feature in Chrome via:
chrome://flags/#enable-pointer-events
in the address bar.
This is a slightly strange one that I've not been able to find anything out about. On OSX 10.11.4 using Google Chrome v 55.0.2883.95 (this is a friends computer) when opening a page to update a product on a site I've built some of the fields are blank.
I've tested it on other computers and in safari on his and the data is there and correct. It's also in the database as it should be Chrome just seems to be removing it.
I've turned autofill off wondering if that was the problem but it still doesn't work.
Any ideas would be great - thanks
Managed to solve the problem. It was browser based but caused by vue.js working correctly on some browsers but not others.
Disabling the vue aspect of the page sorted it. Now I need to sort Vue :)
I have just completed a new Shopify website and used mainly Mozilla Firefox to put this together. I have been told by the client that the site doesn't show up properly in Chrome and Safari but when I have checked this on my 13" laptop they both appear fine on there and I was just wondering if anyone can give me any tips on how I can ensure that the site is working on all common browsers without having any issues.
Would appreciate any tips as I know there are paid websites to do this but just wondering if there is anything else that I can do to get this fixed.
If you to the safari developers "dropdown" in the status bar the is an option called "User agent" (the second one) from there you can "change" the browser.
Disclaimer: never actually used this function.
I believe that the best way to handle this would be to download and install all browsers to test.
There is a free service from the Microsoft dev site that gives you screenshots from a couple of different browsers and versions. Here is the link -> https://developer.microsoft.com/en-us/microsoft-edge/tools/screenshots/
It's not as good as installing all browsers to fully test everything but it can give you a rough idea if there's something wrong with css or something like that.
Your issue might be related to different browser versions. Double check to make sure that you are on the same version to see if you can reproduce the issue.