X
Нажмите здесь, чтобы перейти на мобильную версию сайта.

Форум поддержки

Why will toolbars not hide in full screen mode?

Размещено

I'm using Firefox 68.0.1 on macOS Mojave 10.14.5. When I go full screen, the tabs and address bar remain at the top of the screen. I can't make them go away. I've tried:

- Installing plugins (I tried a couple) - Disabling Add-ons (Safe mode) - Resetting Firefox - Disabling hardware acceleration (and restart browser) - Using different techniques to go full screen (Cmd+Shift+F, Cmd+Ctrl+F, Zoom menu) - Scrolling or clicking in the canvas to ensure focus

No matter what, the tab bar and address bar remain on the screen (see attached screenshot). I've also attached my browser config (filtered on "full"). Is there any way to get a full-screen experience in Firefox?

I'm using Firefox 68.0.1 on macOS Mojave 10.14.5. When I go full screen, the tabs and address bar remain at the top of the screen. I can't make them go away. I've tried: - Installing plugins (I tried a couple) - Disabling Add-ons (Safe mode) - Resetting Firefox - Disabling hardware acceleration (and restart browser) - Using different techniques to go full screen (Cmd+Shift+F, Cmd+Ctrl+F, Zoom menu) - Scrolling or clicking in the canvas to ensure focus No matter what, the tab bar and address bar remain on the screen (see attached screenshot). I've also attached my browser config (filtered on "full"). Is there any way to get a full-screen experience in Firefox?
Приложенные скриншоты

Выбранное решение

There is a userChrome.css script that will remove the toolbar from full screen mode for Firefox on macOS.

  1. Go to Help > Troubleshooting Information, then click on Show in Finder. That will open Finder in your Firefox profile.
  2. Quit Firefox.
  3. Create a folder in your profile folder called chrome
  4. Open a text editor, like TextEdit (in Plain Text mode!), and paste the following code:
    #navigator-toolbox[inFullscreen] {
        position: relative;
        z-index: 1;
        height: 3px;
        margin-bottom: -3px;
        opacity: 0;
        overflow: hidden;
    }
    
    #navigator-toolbox[inFullscreen]:hover {
        height: auto;
        margin-bottom: 0px;
        opacity: 1;
        overflow: show;
    }
    
    #content-deck[inFullscreen]{
        position:relative;
        z-index: 0;
    }
    
  5. Save the file in the chrome folder, and name it userChrome.css

If you ever want to revert that behaviour, just get rid of the code from the file.

Прочитайте этот ответ в контексте 1
Цитата

Дополнительные сведения о системе

Приложение

  • Firefox 68.0.1
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:68.0) Gecko/20100101 Firefox/68.0
  • URL поддержки: https://support.mozilla.org/1/firefox/68.0.1/Darwin/en-US/

Расширения

  • Amazon SMILE! 1.4.5 ({1417a6e0-be73-4358-912c-5dce719b5791})
  • Amazon.com 1.1 (amazondotcom@search.mozilla.org)
  • Bing 1.0 (bing@search.mozilla.org)
  • DuckDuckGo 1.0 (ddg@search.mozilla.org)
  • eBay 1.0 (ebay@search.mozilla.org)
  • Google 1.0 (google@search.mozilla.org)
  • Secure Password Generator 1.0.9 (password.generator@kolya.ca)
  • Twitter 1.0 (twitter@search.mozilla.org)
  • Wikipedia (en) 1.0 (wikipedia@search.mozilla.org)
  • Git History Browser Extension 1.0.5 ({22f8d4f9-a922-444c-926e-b663e1ef3fe6}) (Неактивно)
  • Greasemonkey 4.9 ({e4a8a97b-f2ed-450b-b12d-ee082ba24781}) (Неактивно)
  • JSONView 2.1.0 (jsonview@brh.numbera.com) (Неактивно)
  • LastPass: Free Password Manager 4.29.0.4 (support@lastpass.com) (Неактивно)
  • Modify Header Value (HTTP Headers) 0.1.6 (jid0-oEwF5ZcskGhjFv4Kk4lYc@jetpack) (Неактивно)
  • Open in Browser 2.8 (openinbrowser@www.spasche.net) (Неактивно)

Javascript

  • incrementalGCEnabled: True

Графика

  • adapterDescription:
  • adapterDeviceID: 0x3ea5
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x8086
  • contentUsesTiling: True
  • crashGuards: []
  • driverDate:
  • driverVendor:
  • driverVersion:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'disabled', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'disabled', u'message': u'Disabled by pref', u'type': u'user'}], u'name': u'HW_COMPOSITING'}, {u'status': u'unavailable', u'description': u'OpenGL Compositing', u'log': [{u'status': u'unavailable', u'message': u'Hardware compositing is disabled', u'type': u'default'}], u'name': u'OPENGL_COMPOSITING'}, {u'status': u'unavailable-no-hw-compositing', u'description': u'WebRender', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}, {u'status': u'unavailable-no-hw-compositing', u'message': u'Hardware compositing is disabled', u'type': u'runtime'}], u'name': u'WEBRENDER'}, {u'status': u'blacklisted', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'blacklisted', u'message': u'No qualified hardware', u'type': u'env'}], u'name': u'WEBRENDER_QUALIFIED'}, {u'status': u'available', u'description': u'Off Main Thread Painting', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP'}]}
  • info: {u'TileHeight': 1024, u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'ApzAutoscrollInput': 1, u'AzureFallbackCanvasBackend': u'none', u'TileWidth': 1024, u'AzureCanvasBackend': u'skia', u'AzureContentBackend': u'skia'}
  • numAcceleratedWindows: 0
  • numAcceleratedWindowsMessage: {u'key': u''}
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 4
  • targetFrameRate: 60
  • usesTiling: True
  • webgl1DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_disjoint_timer_query EXT_float_blend EXT_frag_depth EXT_shader_texture_lod EXT_sRGB EXT_texture_compression_rgtc EXT_texture_filter_anisotropic OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
  • webgl1Renderer: Intel Inc. -- Intel(R) Iris(TM) Plus Graphics 655
  • webgl1Version: 4.1 INTEL-12.9.22
  • webgl1WSIInfo: CGL
  • webgl2DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl2Extensions: EXT_color_buffer_float EXT_disjoint_timer_query EXT_float_blend EXT_texture_compression_rgtc EXT_texture_filter_anisotropic OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
  • webgl2Renderer: Intel Inc. -- Intel(R) Iris(TM) Plus Graphics 655
  • webgl2Version: 4.1 INTEL-12.9.22
  • webgl2WSIInfo: CGL
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Basic
  • windowUsingAdvancedLayers: False

Изменённые настройки

Разное

  • User JS: Нет
  • Доступность: Нет
McCoy
  • Top 10 Contributor
489 решений 4495 ответов
Размещено

Hello Jason,

Maybe you'd like to give this add-on a try :

https://addons.mozilla.org/en-US/firefox/addon/fullscreen_plus/

Hello Jason, Maybe you'd like to give this add-on a try : https://addons.mozilla.org/en-US/firefox/addon/fullscreen_plus/
Помогла ли вам это? 0
Цитата

Задавший вопрос

I tried it, but no luck. I've updated my review from two years ago (https://addons.mozilla.org/en-US/firefox/addon/fullscreen_plus/reviews/972909/) to indicate that Ctrl+Shift+F has no effect with the plugin installed.

I tried it, but no luck. I've updated my review from two years ago (https://addons.mozilla.org/en-US/firefox/addon/fullscreen_plus/reviews/972909/) to indicate that Ctrl+Shift+F has no effect with the plugin installed.
Помогла ли вам это?
Цитата
McCoy
  • Top 10 Contributor
489 решений 4495 ответов
Размещено

See if maybe the Chosen Solution here will work for you (or another suggestion) :

https://support.mozilla.org/en-US/questions/1254683?mobile=0

See if maybe the Chosen Solution here will work for you (or another suggestion) : https://support.mozilla.org/en-US/questions/1254683?mobile=0
Помогла ли вам это? 0
Цитата

Задавший вопрос

Still no luck. The Chosen Solution on that link leads to another question where the Chosen Solution is the add-on you suggested earlier.

I tried creating a clean profile, but the behavior is the same there.

I tried setting full-screen-api.allow-trusted-requests-only to false, but that had no effect (on standard full screen or ability to invoke full screen with ctrl+shift+f with the fullscreen-plus addon).

Still no luck. The Chosen Solution on that link leads to another question where the Chosen Solution is the add-on you suggested earlier. I tried creating a clean profile, but the behavior is the same there. I tried setting full-screen-api.allow-trusted-requests-only to false, but that had no effect (on standard full screen or ability to invoke full screen with ctrl+shift+f with the fullscreen-plus addon).
Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17334 решений 156717 ответов
Размещено

See also:

  • Bug 1403085 - Use native fullscreen on macOS (behind full-screen-api.macos-native-full-screen pref)

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
)

See also: *[https://bugzilla.mozilla.org/show_bug.cgi?id=1403085 Bug 1403085] - Use native fullscreen on macOS (behind full-screen-api.macos-native-full-screen pref) (<i>please do not comment in bug reports<br>https://bugzilla.mozilla.org/page.cgi?id=etiquette.html</i>)
Помогла ли вам это? 0
Цитата
McCoy
  • Top 10 Contributor
489 решений 4495 ответов
Размещено

Asking you to see if that Chosen Solution would work for you wasn't one of my brightest moments (my apologies).


See this really old bug report :

https://bugzilla.mozilla.org/show_bug.cgi?id=774677

And then this one :

https://bugzilla.mozilla.org/show_bug.cgi?id=740148

If you want to, you could vote to show your interest for that bug report :

https://bugzilla.mozilla.org/page.cgi?id=voting.html

If you have any additional information to add, you can post a comment, but keep it to the point and concise. If you have no additional information but have the same problem : posting "I have the exact same problem" would suffice (and maybe post a link to your thread).

See the section Commenting, especially #4

Asking you to see if that Chosen Solution would work for you wasn't one of my brightest moments (my apologies). -------------------------------------------------------------------------------------------------------- See this really old bug report : https://bugzilla.mozilla.org/show_bug.cgi?id=774677 And then this one : https://bugzilla.mozilla.org/show_bug.cgi?id=740148 If you want to, you could vote to show your interest for that bug report : https://bugzilla.mozilla.org/page.cgi?id=voting.html If you have any additional information to add, you can post a comment, but keep it to the point and concise. If you have no additional information but have the same problem : posting "I have the exact same problem" would suffice (and maybe post a link to your thread). See the section [https://bugzilla.mozilla.org/page.cgi?id=etiquette.html Commenting, especially #4]
Помогла ли вам это?
Цитата
Chris Ilias
  • Moderator
346 решений 1913 ответов
Размещено

Выбранное решение

There is a userChrome.css script that will remove the toolbar from full screen mode for Firefox on macOS.

  1. Go to Help > Troubleshooting Information, then click on Show in Finder. That will open Finder in your Firefox profile.
  2. Quit Firefox.
  3. Create a folder in your profile folder called chrome
  4. Open a text editor, like TextEdit (in Plain Text mode!), and paste the following code:
    #navigator-toolbox[inFullscreen] {
        position: relative;
        z-index: 1;
        height: 3px;
        margin-bottom: -3px;
        opacity: 0;
        overflow: hidden;
    }
    
    #navigator-toolbox[inFullscreen]:hover {
        height: auto;
        margin-bottom: 0px;
        opacity: 1;
        overflow: show;
    }
    
    #content-deck[inFullscreen]{
        position:relative;
        z-index: 0;
    }
    
  5. Save the file in the chrome folder, and name it userChrome.css

If you ever want to revert that behaviour, just get rid of the code from the file.

There is a userChrome.css script that will remove the toolbar from full screen mode for Firefox on macOS. # Go to '''Help > Troubleshooting Information''', then click on '''Show in Finder'''. That will open Finder in your Firefox profile. # Quit Firefox. # Create a folder in your profile folder called ''chrome'' # Open a text editor, like TextEdit (in Plain Text mode!), and paste the following code:<blockquote><pre><nowiki> #navigator-toolbox[inFullscreen] { position: relative; z-index: 1; height: 3px; margin-bottom: -3px; opacity: 0; overflow: hidden; } #navigator-toolbox[inFullscreen]:hover { height: auto; margin-bottom: 0px; opacity: 1; overflow: show; } #content-deck[inFullscreen]{ position:relative; z-index: 0; } </nowiki></pre></blockquote> # Save the file in the ''chrome'' folder, and name it ''userChrome.css'' If you ever want to revert that behaviour, just get rid of the code from the file.

Изменено Chris Ilias

Помогла ли вам это? 1
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17334 решений 156717 ответов
Размещено
See also: *https://apple.stackexchange.com/questions/174042/true-full-screen-in-firefox
Помогла ли вам это?
Цитата

Задавший вопрос

Thanks for all the tips. I ended up grabbing the CSS linked from the open ticket (https://bugzilla.mozilla.org/show_bug.cgi?id=740148#c93) (thanks McCoy) and using the advice from Chris Ilias, linked that content to the chrome/userChrome.css file in my profile. Now in fullscreen the bars tuck away and resume nicely. That's what I need to run my presentation next week. Thanks to everybody for the help.

Thanks for all the tips. I ended up grabbing the CSS linked from the open ticket (https://bugzilla.mozilla.org/show_bug.cgi?id=740148#c93) (thanks McCoy) and using the advice from Chris Ilias, linked that content to the chrome/userChrome.css file in my profile. Now in fullscreen the bars tuck away and resume nicely. That's what I need to run my presentation next week. Thanks to everybody for the help.
Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17334 решений 156717 ответов
Размещено

That is about this code in case that pastebin web page will disappear:

:root[inFullscreen] #navigator-toolbox {
	z-index: 1;
	margin-top: calc(-40px - var(--tab-min-height));
}
:root[inFullscreen] #navigator-toolbox::after {
	visibility: hidden;
}
:root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox,
:root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox::after {
	transition: all .2s ease .5s !important;
}
:root[inFullscreen] #navigator-toolbox:focus-within,
:root[inFullscreen] #navigator-toolbox:hover {
	transition-delay: 0s !important;
	margin-top: 0;
}
:root[inFullscreen] #navigator-toolbox:focus-within::after,
:root[inFullscreen] #navigator-toolbox:hover::after {
	transition-delay: 0s !important;
	visibility: visible;
}
:root[inFullscreen] #content-deck {
	position: fixed;
	z-index: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
:root[inFullscreen] #content-deck > #browser {
	width: 100%;
	height: 100%;
}
That is about this code in case that pastebin web page will disappear: <pre><nowiki>:root[inFullscreen] #navigator-toolbox { z-index: 1; margin-top: calc(-40px - var(--tab-min-height)); } :root[inFullscreen] #navigator-toolbox::after { visibility: hidden; } :root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox, :root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox::after { transition: all .2s ease .5s !important; } :root[inFullscreen] #navigator-toolbox:focus-within, :root[inFullscreen] #navigator-toolbox:hover { transition-delay: 0s !important; margin-top: 0; } :root[inFullscreen] #navigator-toolbox:focus-within::after, :root[inFullscreen] #navigator-toolbox:hover::after { transition-delay: 0s !important; visibility: visible; } :root[inFullscreen] #content-deck { position: fixed; z-index: 0; top: 0; width: 100%; height: 100%; } :root[inFullscreen] #content-deck > #browser { width: 100%; height: 100%; }</nowiki></pre>
Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17334 решений 156717 ответов
Размещено

I tried the code on Linux and added some important flags and adjusted the margin-top (I have the Bookmarks Toolbar visible) and have the navigator-toolbox sliding in. You probably will have to adjust the 'margin-top: calc()' value to make the toolbar fully hide and still be able to make it slide down.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

:root[inFullscreen] #navigator-toolbox {
	z-index: 1;
	margin-top: calc(-35px - 26px - var(--tab-min-height)) !important;
}
:root[inFullscreen] #navigator-toolbox::after {
	visibility: hidden !important;
}
:root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox,
:root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox::after {
	transition: all .2s ease .5s !important;
}
:root[inFullscreen] #navigator-toolbox:focus-within,
:root[inFullscreen] #navigator-toolbox:hover {
	transition-delay: 0s !important;
	margin-top: 0 !important;
}
:root[inFullscreen] #navigator-toolbox:focus-within::after,
:root[inFullscreen] #navigator-toolbox:hover::after {
	transition-delay: 0s !important;
	visibility: visible !important;
}
:root[inFullscreen] #content-deck {
	position: fixed !important;
	z-index: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
:root[inFullscreen] #content-deck > #browser {
	width: 100% !important;
	height: 100% !important;
}
I tried the code on Linux and added some important flags and adjusted the margin-top (I have the Bookmarks Toolbar visible) and have the navigator-toolbox sliding in. You probably will have to adjust the 'margin-top: calc()' value to make the toolbar fully hide and still be able to make it slide down. ---- <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); :root[inFullscreen] #navigator-toolbox { z-index: 1; margin-top: calc(-35px - 26px - var(--tab-min-height)) !important; } :root[inFullscreen] #navigator-toolbox::after { visibility: hidden !important; } :root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox, :root[sizemode="fullscreen"][inFullscreen] #navigator-toolbox::after { transition: all .2s ease .5s !important; } :root[inFullscreen] #navigator-toolbox:focus-within, :root[inFullscreen] #navigator-toolbox:hover { transition-delay: 0s !important; margin-top: 0 !important; } :root[inFullscreen] #navigator-toolbox:focus-within::after, :root[inFullscreen] #navigator-toolbox:hover::after { transition-delay: 0s !important; visibility: visible !important; } :root[inFullscreen] #content-deck { position: fixed !important; z-index: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; } :root[inFullscreen] #content-deck > #browser { width: 100% !important; height: 100% !important; }</nowiki></pre>

Изменено cor-el

Помогла ли вам это?
Цитата
Задать вопрос

Для ответа на сообщения вы должны войти в свою учётную запись. Пожалуйста, задайте новый вопрос, если у вас ещё нет учётной записи.