Address bar typed history dropdown – Vivaldi Browser snapshot 3617.3

sjudenim

Same issues as before, bookmarks are not prioritized. These are my settings
2025-02-28-09.02.24-vivaldi-c62825a225b4.png

Suggestions are in this order when I type 1 to 2 characters:

Search Suggestions
History
Bookmarks
(with Direct Match selected it takes top priority every time)

When I type 3 characters it suggests a single bookmark first followed by 4 search suggestions. I would expect the first few suggestions to be bookmarks if they are selected as a priority.

ZarkBit

Translation is broken, it was working well following HTML lang attribute but it's gone with this update. (started working after the crash reported below)
Settings -> Address Bar -> Profile Management -> Manage Profiles causes the browser to crash.

yngve

@ZarkBit That one is literally 2 days old; not enough time to translate. Yet.

ZarkBit

@yngve I should have been more specific, I was referring to page translation, but it's working properly now.

yngve

@ZarkBit OK; but page translation is two parts, the GUI with client side preparation, and the server backend; and the language models in the latter is maintained by a third-party (we maintain the servers themselves).

As for the other part, a tip: It usually helps reading and understanding to insert empty lines between independent parts of a message, or separate sections of the same.

And my apologies , I misread your second line, and mixed it up with something I was involved with a few days that do need translations.

The real answer to that part of your report is: I fixed that crash yesterday.

termel

Switched from normal to Snapshot Version on MacOS and now the "Show more" button on the bookmark bar does not work reliably anymore. If i click on it, nothing happens. If i hover it, only the tooltip "further bookmarks" (or what ever the text in english is) is displayed. Only if i click on another folder within my bookmark bar to open it and click after this on the "show more" button, the other bookmarks are displayed.

Thot

@HalleAndert Doesn’t work for me, otherwise thanks for this mod.
By the way, why was the dropdown arrow beeing taken away?

HalleAndert

@thot: Here you go. On which operating system does it not work? When I have more details I will work on a solution.

Thot

@HalleAndert said in Address bar typed history dropdown – Vivaldi Browser snapshot 3617.3:

On which operating system does it not work?

macOS

Would be awesome if it could work.

HalleAndert

@Thot Many thanks for the information. I will look at the problem later and work on a solution.

HalleAndert

@HalleAndert @Thot Since my first solution to restore the down arrow does not work for everyone, I have been working on a new solution and hope that it will now work for everyone. I have also defined some parameters with which you can easily adjust the size and positioning of the arrow.

/* Address field drop down arrow */
.UrlBar-AddressField:has(.toolbar:empty) {
  --_arrow-size: .36rem;
  --_arrow-offset-x: 0rem;
  --_arrow-offset-y: 0rem;
  --_arrow-transform-origin-offset-y: .05rem;

  .observer {
    &::after {
      content: "";
      position: absolute;
      right: calc((var(--_arrow-size, .36rem) - var(--_arrow-offset-x, 0rem)) * 2);
      top: calc(50% - (var(--_arrow-size, .36rem) + var(--_arrow-offset-y, 0rem)) / 2);
      border: var(--_arrow-size, .35rem) solid transparent;
      border-top-color: inherit;
      transition: 250ms ease-in-out;
      transform-origin: center calc((var(--_arrow-size, .36rem) - var(--_arrow-transform-origin-offset-y, .05rem)) / 2);
      opacity: .4;
    }

    &:has(.OmniDropdown) {
      &::after {
        opacity: .75;
        transform: rotateZ(180deg);
      }
    }
  }
}

HalleAndert

@saudiqbal: Have you tried my mod to restore the dropdown arrow?

Thot

@HalleAndert said in Address bar typed history dropdown – Vivaldi Browser snapshot 3617.3:

/* Address field drop down arrow */
.UrlBar-AddressField:has(.toolbar:empty) {
--_arrow-size: .36rem;
--_arrow-offset-x: 0rem;
--_arrow-offset-y: 0rem;
--_arrow-transform-origin-offset-y: .05rem;

.observer {
&::after {
content: "";
position: absolute;
right: calc((var(--_arrow-size, .36rem) - var(--_arrow-offset-x, 0rem)) * 2);
top: calc(50% - (var(--_arrow-size, .36rem) + var(--_arrow-offset-y, 0rem)) / 2);
border: var(--_arrow-size, .35rem) solid transparent;
border-top-color: inherit;
transition: 250ms ease-in-out;
transform-origin: center calc((var(--_arrow-size, .36rem) - var(--_arrow-transform-origin-offset-y, .05rem)) / 2);
opacity: .4;
}
&:has(.OmniDropdown) {
  &::after {
    opacity: .75;
    transform: rotateZ(180deg);
  }
}
}
}
Antworten

Still not working. Those curly brackets, the last two ones, seem to be going nowhere. I mean they have no counterbracket. In my case they are shown in red.

Bildschirmfoto 2025-03-03 um 19.40.24.png

HalleAndert

@Thot Your browser does not seem to support nested CSS. I will provide a version for older browsers.

Thot

@HalleAndert said in Address bar typed history dropdown – Vivaldi Browser snapshot 3617.3:

Your browser does not seem to support nested CSS.

My Browser is Vivaldi.

HalleAndert

@HalleAndert You are absolutely right. Please try this version:

/* Address field drop down arrow */
.UrlBar-AddressField:has(.toolbar:empty) .observer::after {
  --_arrow-size: .36rem;
  --_arrow-offset-x: 0rem;
  --_arrow-offset-y: 0rem;
  --_arrow-transform-origin-offset-y: .05rem;

  content: "";
  position: absolute;
  right: calc((var(--_arrow-size, .36rem) - var(--_arrow-offset-x, 0rem)) * 2);
  top: calc(50% - (var(--_arrow-size, .36rem) + var(--_arrow-offset-y, 0rem)) / 2);
  border: var(--_arrow-size, .35rem) solid transparent;
  border-top-color: inherit;
  transition: 250ms ease-in-out;
  transform-origin: center calc((var(--_arrow-size, .36rem) - var(--_arrow-transform-origin-offset-y, .05rem)) / 2);
  opacity: .4;
}

.UrlBar-AddressField:has(.toolbar:empty) .observer:has(.OmniDropdown)::after {
  opacity: .75;
  transform: rotateZ(180deg);
}

Thot

@HalleAndert said in Address bar typed history dropdown – Vivaldi Browser snapshot 3617.3:

@HalleAndert You are absolutely right. Please try this version:

/* Address field drop down arrow */
.UrlBar-AddressField:has(.toolbar:empty) .observer::after {
  --_arrow-size: .36rem;
  --_arrow-offset-x: 0rem;
  --_arrow-offset-y: 0rem;
  --_arrow-transform-origin-offset-y: .05rem;

  content: "";
  position: absolute;
  right: calc((var(--_arrow-size, .36rem) - var(--_arrow-offset-x, 0rem)) * 2);
  top: calc(50% - (var(--_arrow-size, .36rem) + var(--_arrow-offset-y, 0rem)) / 2);
  border: var(--_arrow-size, .35rem) solid transparent;
  border-top-color: inherit;
  transition: 250ms ease-in-out;
  transform-origin: center calc((var(--_arrow-size, .36rem) - var(--_arrow-transform-origin-offset-y, .05rem)) / 2);
  opacity: .4;
}

.UrlBar-AddressField:has(.toolbar:empty) .observer:has(.OmniDropdown)::after {
  opacity: .75;
  transform: rotateZ(180deg);
}

No. Don't do any more work just because of me. I'm happy if it works for others.

HalleAndert

@Thot I'm sorry that none of the solutions work for you. Have you activated “Allow CSS modifications” in the experimental settings in Vivaldi?

Thot

@HalleAndert said in Address bar typed history dropdown – Vivaldi Browser snapshot 3617.3:

Have you activated “Allow CSS modifications” in the experimental settings in Vivaldi?

Sure. I don’t no whats wrong either, why my Browser is not catching up my css with this mod. Other ccs-Mods are working fine.

HalleAndert

@Thot That's strange, because everything works perfectly on my Windows computer. Unfortunately, I don't have the opportunity to test the code on macOS at the moment. Maybe you can have the code checked again by KI.