Orion is replacing text strings with '...' on some websites

laiz

Steps to reproduce:

Use Kagi/Google to search for something or browse YouTube comments
Some search results and YT usernames are shortened and have ... added at the end (see pictures)
This issue only exists on desktop Orion

Expected behavior:
Orion should show these in full as is the case with Safari and other browsers.

Orion, OS version; hardware type:
Version 0.99.122-rc (WebKit 615.1.11.7)
MacBook Air M1 (macOS Ventura 13.0.1 build 22A400)

Image/Video:

Comment section from Snazzy Labs' video

Vlad

laiz Probably caaused by WebKit, wait for the next update 🙂

laiz

Vlad Confirmed. This issue is fixed on Safari TP Release 158 (Safari 16.4, WebKit 18615.1.12.110.1).
https://bugs.webkit.org/show_bug.cgi?id=247081

uloco

Steps to reproduce:

Go on any Gitlab Page, like: https://gitlab.com/gitlab-org/gitlab/-/issues/383818#note_1192932055
On the right side you can see that button on the top ("add todo") and labels have a weird ellipsis. This is happening since the last update and was not present before.
Also the discussion on that page exactly describes the issue.
The issue is not visible on Safari or Chrome.

I did try compatibility mode but it did not solve the issue. Safari does not behave the same way.

Expected behavior:
No ellipsis happening, like in Safari.

Orion, OS version; hardware type:
Version 0.99.122-beta (WebKit 615.1.11.7)
MacBook Pro (macOS Ventura 13.0 build 22A380)

Image/Video:
Orion:

Safari:

jvacek

Steps to reproduce:
This happens on some websites only, an example is github.com's for you page
Expected behavior:
1:1 render compared to safari

Orion, OS version; hardware type:
Orion 0.99.122-beta (WebKit 615.1.11.7)
macOS Version 13.0.1 (Build 22A400)
MacBookPro17,1

Session Info:

Open windows => 1
Pinned tabs => 1
Active window tabs => 39
Active tab url => https://browser.kagi.com/orionplus.html

Enabled Extensions:

Dark Reader (firefox)
1Password – Password Manager (firefox)
Cookie Remover (firefox)
Ultra Fast JSON Viewer (chrome)
ClearURLs (chrome)
Google Meet ⇔ Slack integration (chrome)
AnyList Recipe Import (chrome)
JSON Lite (chrome)

Disabled Extensions:

Violentmonkey (firefox)
JSON Formatter (chrome)
Bypass Paywalls Clean (firefox)
Tampermonkey (firefox)
Bypass Paywalls (firefox)
ClearURLs (firefox)

Non Default Settings:

AutofillEnabled => 0
ReloadTabOnWebKitCrash => 0
ContentBlockerLastUpdated => 2022-11-25 00:00:00 +0000
isBackgroundImageDarkOnStartPage => 0
overflowMenuItems => (
"webExtButton-76b1e11e92c7db769d04763db1cc2a25",
"webExtButton-kbfnbcaeplbcioakkpcpgfkobkghlhen"
)
WebAutomaticSpellingCorrectionEnabled => 0
WebContinuousSpellCheckingEnabled => 1
WebAutomaticQuoteSubstitutionEnabled => 0
WebAutomaticDashSubstitutionEnabled => 0
ShouldShowWelcomeAnimation => 0
ToolbarConfiguration => {
"TB Default Item Identifiers" = (
windows,
navigationGroup,
NSToolbarFlexibleSpaceItem,
privacyButton,
websiteSettingsButton,
locationBar,
bookmarkButton,
addTabButton,
NSToolbarFlexibleSpaceItem,
shareButton,
tabOverview
);
"TB Display Mode" = 2;
"TB Icon Size Mode" = 1;
"TB Is Shown" = 1;
"TB Item Identifiers" = (
windows,
navigationGroup,
NSToolbarFlexibleSpaceItem,
privacyButton,
websiteSettingsButton,
locationBar,
bookmarkButton,
addTabButton,
NSToolbarFlexibleSpaceItem,
"webExtButton-kddjlbegfaiogihndmglihcgommbjmkc",
"webExtButton-jebljoacamdppgjiachpgaighglhkgpe",
"webExtButton-73165377b43b01f953b4b8889bf9f86d",
"webExtButton-lckanjgmijmafbedllaakclkaicjfmnk",
"webExtButton-acacmjcicejlmjcheoklfdchempahoag",
"webExtButton-2e96031929f098afe0a262e2903c10cd",
shareButton,
downloadsButton
);
"TB Size Mode" = 1;
}
DownloadLocation => /Users/jvacek/Downloads
FirstLaunch => 0
FirstTimeWebExtensionNotice => 1
LastUsedBuildVersion => 122
WillInstallUpdate => 0
PreCompiledContentRuleListVersion => 122
LastCrashCheckDate => 2022-11-29 09:29:42 +0000
LowPowerMode => 0
NextDownloadID => 283
SavedWindowSize => 1579.0,943.0
SavedWindowPosition => -0.0,82.0
TabStyle => treeStyle
StatusBarVisible => 1
BookmarksSidebarVisible => 1
BookmarksSidebarWidth => 82
QuitWithConfirmation => 1
CurrentToolbarSize => small
ActiveLibraryTab => extensions
ActivePreferenceTab => websites
BookmarksLastSynced => 1669714184306.407
ReadingListLastSynced => 1669714184312.366

Image/Video:
Look at the names of the repos, Orion has an ellipsis, Safari does not.

jvacek

Here's another from Basecamp, the boosts are wrapping in Orion and not on Safari

rightsaidfred

Steps to reproduce:
I often see text on buttons don't render full words.
In Safari a buton will read "Update" but on Orion It will be "Upd...) ie it always cuts off the text and always adds on three dots.

This is most noticeable in Synology's Web UI DSM. But have seen it on other sites

Expected behavior:
Buttons and small text should render like Safari

Orion, OS version; hardware type:
Ventura 13.0.1 M1
Latest Orion as of 2nd December 2022

Image/Video:
<Copy/paste or drag and drop to upload images or videos (up to 20MB)>

jvacek

Looks like my issue is related to this https://orionfeedback.org/d/3812-random-text-wrappingellipsifying-compared-to-safari

trevorbollinger

Steps to reproduce:
On a local home assistant web server, text fields are trailing off early. So far, I've only seen this happen on Home Assistant's Web interface, but this issue is not present on any other browsers. Compatability mode had no effect.

Expected behavior:
Display full text string in text fields that are long enough

Orion, OS version; hardware type:
Orion: 0.99.122-beta (WebKit 615.1.11.7)
macOS Ventura 13.0.1
MacBook Pro 16" 2019

Image/Video:
Orion:

Safari (Expected Behavior):

trevorbollinger

Thanks, wasnt able to find anything with the keywords I used.

Wiktor

Steps to reproduce:
Go to https://justpy.io
Look at the left navigation bar, the names are ending with "..." even though it's not necessary.

Expected behavior:
Go to https://justpy.io using Safari
Look at the left navigation bar

Orion, OS version; hardware type:
Version 0.99.122-beta (WebKit 615.1.11.7)
MacBook Pro (macOS Ventura 13.1 build 22C65)

Simplified example:
index.html:

<html lang="en">
  <body>
    <div>
      <span>Test </span>
    </div>

    <style>
      span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      div {
        display: flex;
      }
    </style>
  </body>
</html>

Open index.html in Orion
Remove the space after "Test" in index.html
Refresh the page in Orion

Image/Video:
Orion:

Safari:

laiz

The newest Orion RC Version 0.99.122.3-rc (WebKit 615.1.14.3) includes a new version of WebKit. This fixes the issues people have reported above. However, it also introduces a very similar issue for other text strings. Below are some examples (RC on the left, Safari 16.2 with WebKit 614.3.7.1.5 on the right). Safari TP has the same version of WebKit as the newest RC and, unsurprisingly, shares the problem with RC.

In other words, this once again requires a new version WebKit where the bug is fixed.

Kagi search results:

The bottom boxes of a DDG search result page.

viewsourc3

Steps to reproduce:
This may or may not be a bug. But I am not sure as to what creates such a UI behaviour --

Labels and Tags in Gitlab are cropped using Orion -- while they are displayed fully in other browsers, such as Firefox. This behaviour does not change with a zoom out/zoom-in, nor changing any other setting I can think of within Orion.

Expected behavior:
I expect the tags not to be cropped.

Orion, OS version; hardware type:
MacBook Pro 13.1 (22C65),
Orion Version 0.99.122-beta (WebKit 615.1.11.7)