Hi, it seems to be a Shadow problem with your compositor.
Try adding this : "class_g = 'firefox' && argb", inside shadow-exclude section of your picom.conf file.
Edit : didn’t reed you already disabled it, but imo it’s not a i3 problem but graphical bug (did you restart X after disabling picom ? What driver did you use for you graphic card ? ).
As it seems from the screenshot your in tabbed mode (default binding $mod+w)
So sure it will show these bars so you know what tabs are there and which one is active. Does it also occur when your is split mode (default binding $mod+e)?
If so could you provide your i3 config between ```
I’ve now edited post #1 to read “firefox menu ‘borders’” and a different screenshot in order to avoid further misunderstandings.
These borders appear only on certain dropdowns, the bookmarks dropdown for example doesn’t have a black border.
# i3 config file (v4)
## Look/Theme relevant entries
# set default desktop layout (default is tiling)
# workspace_layout tabbed <stacking|tabbed>
# Configure border style <normal|1pixel|pixel xx|none|pixel>
#set pixel all borders to 0 by default. You can break this rule with per app settings
for_window [class=".*"] border pixel 1
#default_border pixel 1 // removed because of default
#default_floating_border normal // removed because of default
# Hide borders default is none, so only need to set with vertical|horizontal|both|smart
# hide_edge_borders none
#for_window [class="firefox"] border pixel 1
# change borders
bindsym $mod+u border none
bindsym $mod+y border pixel 1
#bindsym $mod+n border normal
# Open specific applications in floating mode
for_window [title="alsamixer"] floating enable
for_window [class="calamares"] floating enable border normal
for_window [class="Clipgrab"] floating enable
for_window [title="File Transfer*"] floating enable
for_window [class="fpakman"] floating enable
for_window [class="Galculator"] floating enable
for_window [class="GParted"] floating enable border normal
for_window [title="i3_help"] floating enable sticky enable border normal
for_window [class="Lightdm-settings"] floating enable
for_window [class="Lxappearance"] floating enable sticky enable border normal
for_window [class="Manjaro-hello"] floating enable
for_window [class="Manjaro Settings Manager"] floating enable border normal
for_window [title="MuseScore: Play Panel"] floating enable
for_window [class="Nitrogen"] floating enable sticky enable border normal
for_window [class="Oblogout"] fullscreen enable
for_window [class="octopi"] floating enable
for_window [title="About Pale Moon"] floating enable
for_window [class="Pamac-manager"] floating enable
for_window [class="Pavucontrol"] floating enable
for_window [class="qt5ct"] floating enable sticky enable border normal
for_window [class="Qtconfig-qt4"] floating enable sticky enable border normal
for_window [class="Simple-scan"] floating enable border normal
for_window [class="(?i)System-config-printer.py"] floating enable border normal
for_window [class="Skype"] floating enable border normal
for_window [class="Timeset-gui"] floating enable border normal
for_window [class="(?i)virtualbox"] floating enable border normal
for_window [class="Xfburn"] floating enable
# browser pop-ups
for_window [window_role="pop-up"] floating enable,move absolute center,border normal
#window_type = normal, dialog, utility, toolbar, splash, menu, dropdown_menu, popup_menu, tooltip and notification
for_window [window_type="splash"] floating enable,move absolute center,border normal
for_window [window_type="tooltip"] floating enable,move absolute center,border normal
for_window [window_role="bubble"] floating enable,border normal
for_window [window_role="task_dialog"] floating enable,border normal
for_window [window_role="Preferences"] floating enable,border normal
for_window [window_type="dialog"] floating enable,border normal
for_window [window_type="menu"] floating enable,border normal
for_window [window_role="Organizer"] floating enable,border normal
for_window [window_role="About"] floating enable,border normal
# Color palette used for the terminal ( ~/.Xresources file )
# Colors are gathered based on the documentation:
# https://i3wm.org/docs/userguide.html#xresources
# Change the variable name at the place you want to match the color
# of your terminal like this:
# [example]
# If you want your bar to have the same background color as your
# terminal background change the line 362 from:
# background #14191D
# to:
# background $term_background
# Same logic applied to everything else.
set_from_resource $term_background background
set_from_resource $term_foreground foreground
set_from_resource $term_color0 color0
set_from_resource $term_color1 color1
set_from_resource $term_color2 color2
set_from_resource $term_color3 color3
set_from_resource $term_color4 color4
set_from_resource $term_color5 color5
set_from_resource $term_color6 color6
set_from_resource $term_color7 color7
set_from_resource $term_color8 color8
set_from_resource $term_color9 color9
set_from_resource $term_color10 color10
set_from_resource $term_color11 color11
set_from_resource $term_color12 color12
set_from_resource $term_color13 color13
set_from_resource $term_color14 color14
set_from_resource $term_color15 color15
# Theme colors
# class border backgr. text indic. child_border
client.focused #556064 #556064 #80FFF9 #FDF6E3 #556064
client.focused_inactive #2F3D44 #2F3D44 #1ABC9C #454948 #2F3D44
client.unfocused #2F3D44 #2F3D44 #1ABC9C #454948 #2F3D44
client.urgent #CB4B16 #FDF6E3 #1ABC9C #268BD2 #CB4B16
client.placeholder #222D31 #0c0c0c #ffffff #222D31 #222D31
client.background #2B2C2B
#############################
### settings for i3-gaps: ###
#############################
# Set inner/outer gaps
gaps inner 14
gaps outer -2
gaps top 20
# Additionally, you can issue commands with the following syntax. This is useful to bind keys to changing the gap size.
# gaps inner|outer current|all set|plus|minus <px>
# gaps inner all set 10
# gaps outer all plus 5
# Smart gaps (gaps used if only more than one container on the workspace)
#smart_gaps on
# Smart borders (draw borders around container only if it is not the only container on this workspace)
# on|no_gaps (on=always activate and no_gaps=only activate if the gap size to the edge of the screen is 0)
smart_borders on
It is also kinda double to set a default border and then also the same setting per app.
I tried the configuration for browser pop-ups first, but unfortunately that didn’t do it. I then tried for_window [class=".*"] border pixel 0
and for_window [class=".*"] border pixel 1
and also commented out # hide_edge_borders none
but the border’s still showing.
I’ll play around more with the browser window types and see what gives.
Hello could you try this :
in firefox type about:config in url and the in search bar type : layers.acceleration.force-enabled.
If it’s set to false, set it to true, then restart firefox, and did it again to set it to false then restart firefox.