I use some code that use the position of the tab to give some style but when that Firefox-view tab is active create a invisible tab that makes the code wrong. I would like to have that tab visible, and work with that or I don’t know jeje

  • tjn21
    link
    fedilink
    16 months ago

    I haven’t done this but understand it’s possible. You can move the Firefox View tab to another location, for example, to a toolbar. That might avoid the problem.

    • @GodieOP
      link
      16 months ago

      hi, I don’t mean that, I mean the firefox-view tab, not the firefox-view button, when you clic the firefox-view button it opens the tab but this tab is invisible, and that was make problems for my code.

  • @MrOtherGuyM
    link
    16 months ago

    I’m not sure I understand what you are going for, but you can certainly make the Firefox View tab visible like this:

    .tabbrowser-tab[label="Firefox View"]{
      display: flex;
    }
    

    Even though it will now be visible, you can’t actually make that tab active because it will still have hidden="true" attribute, which makes tab switching logic treat it as “non-selectable”.

    • @GodieOP
      link
      16 months ago

      thanks for the help, I will use this, I hope don’t affect other hidden tabs cause if I don’t use [hidden=“true”] too for some reason the code fails.

      .tabbrowser-tab:is([hidden="true"][label="Firefox View"]){
          display: block !important;
          max-width: 0px !important;
          min-width: 0px !important;
          height: 0px !important;
          padding-inline: 0px !important;
      }