icant open the buttonswith (+) in this web site https://www.fmed.uba.ar/departamentos_y_catedras/departamento-de-patologia/patologia-i-informacion-para-alumnos
in other browsers I can open the browser buttons that contain (+), but the firefox browser does not open them
Chosen solution
I'm getting this issue as well on the website.
This looks like a problem with this CSS rules that set the max-height to a property value (fit-content) that Firefox doesn't support. Firefox appears to support only the '-moz' prefixed version (-moz-fit-content).
- https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
- Bug 1495868 - Unprefix -moz-fit-content and -moz-available keywords
- .tab input:checked ~ .tab-content{max-height:fit-content;}
Search for ":checked":
Changing this rule to to max-height: -moz-fit-content
or max-height: unset;
makes this work in Firefox.
- .tab input:checked ~ .tab-content{max-height:unset;}
You can contact the website and ask them to look into this.
A possible JavaScript bookmarklet that you can use for now:
javascript:(function(){var sS='.tab input:checked ~ .tab-content{max-height:-moz-fit-content;}',nS=document.createElement('style');nS.setAttribute('type','text/css');nS.innerHTML=unescape(sS);document.querySelector('head,body').appendChild(nS);})();
You can create a new bookmark and paste the full JavaScript code in its Location field.
Read this answer in context 👍 0All Replies (7)
Suluhisho teule
I'm getting this issue as well on the website.
This looks like a problem with this CSS rules that set the max-height to a property value (fit-content) that Firefox doesn't support. Firefox appears to support only the '-moz' prefixed version (-moz-fit-content).
- https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
- Bug 1495868 - Unprefix -moz-fit-content and -moz-available keywords
- .tab input:checked ~ .tab-content{max-height:fit-content;}
Search for ":checked":
Changing this rule to to max-height: -moz-fit-content
or max-height: unset;
makes this work in Firefox.
- .tab input:checked ~ .tab-content{max-height:unset;}
You can contact the website and ask them to look into this.
A possible JavaScript bookmarklet that you can use for now:
javascript:(function(){var sS='.tab input:checked ~ .tab-content{max-height:-moz-fit-content;}',nS=document.createElement('style');nS.setAttribute('type','text/css');nS.innerHTML=unescape(sS);document.querySelector('head,body').appendChild(nS);})();
You can create a new bookmark and paste the full JavaScript code in its Location field.
Modified
i diidnt understand
This is a problem with the website in Firefox. It uses a CSS rule to unhide content when you click a plus icon. This specific CSS rule uses a CSS property value for max-height that doesn't work with Firefox, so nothing seems to be happening.
A workaround is to create a new bookmark on the Bookmarks Toolbar via the right-click context menu. Give it a suitable name like UBA.AR, so you know it is about this website. In the location field where you would normally enter the URL of the website you can paste this JavaScript code:
javascript:(function(){var sS='.tab input:checked ~ .tab-content{max-height:-moz-fit-content;}',nS=document.createElement('style');nS.setAttribute('type','text/css');nS.innerHTML=unescape(sS);document.querySelector('head,body').appendChild(nS);})();
If you open this uba.ar page in a tab and invoke the bookmarklet by clicking the button on the Bookmarks Toolbar then the plus should work.
ohhh man wtf its works !!! thankss I didnt understand nothing that i did, but i did what u tell me ! Thanksss
it is rare, but sometimes I have the same problem on hotel websites and some banks websites, should I do the same?
All website use different code and need their own workaround if this is even possible.
In some cases clearing cache and cookies is sufficient. In other cases Tracking Protection in Firefox (shield icon on location bar) or content blocking extensions is causing issues. If there is a problem with the HTML code like in this case then best is to ask advice at a forum unless you are experienced enough to use the Inspector, but even then there are two possibilities, either CSS code is used that you can possibly override or JavaScript is used and in that case it might not be possible to fix this. Every case is unique (different) and needs their own approach.
thanks"!!!!!