X
Tap here to go to the mobile version of the site.

Support Forum

Remove annoying transition to full-screen

Posted

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

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; rv:65.0) Gecko/20100101 Firefox/65.0

More Information

WestEnd
  • Top 25 Contributor
60 solutions 5366 answers

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

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

Question owner

I'm talking about what happens when you press F11

I'm talking about what happens when you press F11
McCoy
  • Top 10 Contributor
520 solutions 4892 answers

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)

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)

Question owner

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

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

Question owner

Oh, and I'm under Windows, btw.

Oh, and I'm under Windows, btw.
McCoy
  • Top 10 Contributor
520 solutions 4892 answers

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 "

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'' "
Pj 42 solutions 869 answers

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

''marr11317 [[#question-1251598|said]]'' <blockquote> Remove annoying transition to full-screen... </blockquote> Perhaps you're meaning how Windows handles 'Windows Animations' when Min/Maxing? Here's my Windows-7 'Visual Effects' Settings: ~Pj
jscher2000
  • Top 10 Contributor
8635 solutions 70627 answers

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.

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''' <pre>/* Minimize fullscreen transition time */ #navigator-toolbox[fullscreenShouldAnimate] { transition: 100ms !important; } </pre> '''(B) Generate and download a''' <code>userChrome.css</code> '''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''' <code>chrome</code> '''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''' <code>userChrome.css</code> '''file you generated in Step B into the''' <code>chrome</code> '''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.

Question owner

Thanks! This is exactly what I needed.

Thanks! This is exactly what I needed.