Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Remove annoying transition to full-screen

  • 9 replies
  • 1 has this problem
  • 1 view
  • Last reply by marr11317

more options

when you go fullscreen, there's this transition to full screen which is completely useless and kinda buggy where the screen lifts itself up. And when it goes back from fullscreen to normal screen, there's is no transition. The tabs just appear and its perfect. So is there a way to disable this kind of transitions? Thanks

when you go fullscreen, there's this transition to full screen which is completely useless and kinda buggy where the screen lifts itself up. And when it goes back from fullscreen to normal screen, there's is no transition. The tabs just appear and its perfect. So is there a way to disable this kind of transitions? Thanks

Chosen solution

Unfortunately, there is no built-in setting for disabling/enabling "browser full screen" animation like there is for the kind of full screen websites can trigger (full screen API).

There is an alternate method, but it takes a bit of work to set up.

Are you already familiar with userChrome.css from making other tweaks to Firefox's toolbar area? If you aren't, when you have 10 minutes to focus on it, here's how it works:

This assumes you do not already have a userChrome.css file. If you do already have a working userChrome.css file, you just need to add the rule under (A) to your file.

(A) Select and copy the following style rule code

/* Minimize fullscreen transition time */
#navigator-toolbox[fullscreenShouldAnimate] {
  transition: 100ms !important;
}

(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that Windows Explorer window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you generated in Step B into the chrome folder you created in Step C

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

Read this answer in context 👍 1

All Replies (9)

more options

How do you mean fullscreen to normal screen? Are we talking about max and min option on the browser window?

more options

I'm talking about what happens when you press F11

more options

Hello marr11317,

Would you try this please :

Type in the address bar about:config and press Enter (promise to be carefull, if asked)

Type in the search bar full-screen-api.transition

And change the values to these preferences :

full-screen-api.transition-duration.enter => 0 0

full-screen-api.transition-duration.leave => 0 0

full-screen-api.transition.timeout => 0

Then close and restart Firefox.

(If this is not what you were looking for, then please change the values back to their default)

more options

Thanks for the reply. Unfortunately, I could not notice any changes when I restarted firefox. Is there anything else I could do to prevent this behaviour? And sorry for that first question. It's quite rude. I was tired. :) Thanks again,

Marr11317

more options

Oh, and I'm under Windows, btw.

more options

First of all : I didn't notice anything rude in your original post .....  ;)

Your system details (to the right of your original post) show that you're on Windows (most people don't know that .... )

I'm sorry that my suggestions didn't work  :(

Probably a dumb question, but : would you please clarify what exactly it is that you don't want to see anymore  ?

I must admit that I have no idea what you mean by : "the screen lifts itself up "

more options

marr11317 said

Remove annoying transition to full-screen...

Perhaps you're meaning how Windows handles 'Windows Animations' when Min/Maxing?

Here's my Windows-7 'Visual Effects' Settings:


~Pj

more options

Chosen Solution

Unfortunately, there is no built-in setting for disabling/enabling "browser full screen" animation like there is for the kind of full screen websites can trigger (full screen API).

There is an alternate method, but it takes a bit of work to set up.

Are you already familiar with userChrome.css from making other tweaks to Firefox's toolbar area? If you aren't, when you have 10 minutes to focus on it, here's how it works:

This assumes you do not already have a userChrome.css file. If you do already have a working userChrome.css file, you just need to add the rule under (A) to your file.

(A) Select and copy the following style rule code

/* Minimize fullscreen transition time */
#navigator-toolbox[fullscreenShouldAnimate] {
  transition: 100ms !important;
}

(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that Windows Explorer window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you generated in Step B into the chrome folder you created in Step C

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

more options

Thanks! This is exactly what I needed.