Search Support

icant open the buttonswith (+) in this web site https://www.fmed.uba.ar/departamentos_y_catedras/departamento-de-patologia/patologia-i-informacion-para-alumnos

  • 7 replies
  • 1 has this problem
  • 44 views
  • Last reply by Omar Hugo

more options

in other browsers I can open the browser buttons that contain (+), but the firefox browser does not open them

Attached screenshots

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).


  • .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 👍 0

All Replies (7)

more options

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).


  • .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 by cor-el

Helpful?

more options

i diidnt understand

Helpful?

more options

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.

Helpful?

more options

ohhh man wtf its works !!! thankss I didnt understand nothing that i did, but i did what u tell me ! Thanksss

Helpful?

more options

it is rare, but sometimes I have the same problem on hotel websites and some banks websites, should I do the same?

Helpful?

more options

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.

Helpful?

more options

thanks"!!!!!

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.