1902501 - ads.tiktok.com - TikTok video editor is not usable

Status: ASSIGNED

(Web Compatibility :: Site Reports, defect, P2)

Description

[Ksenia Berezina [:ksenia]]

Environment:
Operating system: Windows 10
Originally reported Firefox version: Firefox Nightly 89.0a1 (2021-04-10) (64-bit)
Last reproduced with the following UA: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.0
Platforms reproduced on: windows

Additional notes:
After login when accessing Tools/Video editor

Steps to reproduce:

1. Visit the page https://ads.tiktok.com/i18n/home?
2. Register with email/password
3. Fill in fake information on this screen (you will need a real phone number to receive SMS verification code)

4. When you get to this screen, ignore the form and enter this url in the address bar: https://ads.tiktok.com/i18n/library/video

5. Click the Create button
6. Scroll down and click TikTok Video Editor

It does not load or displays a browser unsupported message.

Actual Behavior:
Browser unsupported

Created from https://github.com/webcompat/web-bugs/issues/70358

Comment 1

[Ksenia Berezina [:ksenia]]

Diagnosis is already done in https://github.com/webcompat/web-bugs/issues/70358#issuecomment-817245542

Diagnosis:

In https://sf16-scmcdn-sg.ibytedtos.com/goofy/ad/tt-video-editor/index.6b5ad944.js

    function F() {
      var e = window.navigator.userAgent;
      var t = e.indexOf('MSIE ');
      if (t > 0) return parseInt(e.substring(t + 5, e.indexOf('.', t)), 10);
      var n = e.indexOf('Trident/');
      if (n > 0) {
        var r = e.indexOf('rv:');
        return parseInt(e.substring(r + 3, e.indexOf('.', r)), 10)
      }
      var o = e.indexOf('Edge/');
      if (o > 0) return parseInt(e.substring(o + 5, e.indexOf('.', o)), 10);
      return false
    }
    function H() {
      return F() > 11
    }
    function G() {
      var e = 'chrome' in window && Boolean(window.chrome);
      var t = Boolean(window.navigator.userAgent.match('CriOS'));
      var n = 'opr' in window && 'undefined' !== typeof window.opr;
      return e && false === t && false === n && false === H()
    }

function G returns true in Chrome and Edge Chromium, false in Firefox, Internet Explorer, and Opera.

The TikTok Video Editor works fine with a fake Chrome useragent and by setting window.chrome to true.

Comment 2

[Raul Bucata]

The issue is still reproducible for: https://ads.tiktok.com/i18n/creative_tools/editor/edit/-1?aadvid=7437167259065434113

If I select after being logged in, from the Tools tab in the page header, the Video Editor option, I am seeing an browser unsupported message

Tested with:

Browser / Version: Firefox Release 132.0.2 (64-bit)/ Firefox Nightly 134.0a1 (2024-11-13) (64-bit)
Operating System: Windows 10 PRO x64

Comment 3

[Raul Bucata]

Attachment: Screenshot_2.png

Comment 4

[Dennis Schubert [:denschub]]

Setting affects:some because not everyone who connects to ads.tiktok.com is also trying to use the ad editor - they're just watching ads.

Comment 5

[Thomas Wisniewski [:twisniewski][PTO until the 26th]]

I can't even successfully sign up for an account, even on Chrome. I've pinged the reporter on GitHub to confirm whether they still see the issue, and a Chrome spoof would still work.

Comment 6

[Thomas Wisniewski [:twisniewski][PTO until the 26th]]

I still haven't received a reply here, but it seems fine to just ship a UA override.

Comment 7

[Thomas Wisniewski [:twisniewski][PTO until the 26th]]

Attachment: Bug 1902501 - add a UA override for ads.tiktok.com; r?denschub

Comment 8

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/9a139c246f76
https://hg.mozilla.org/integration/autoland/rev/3e401b167051
add a UA override for ads.tiktok.com; r=denschub,webcompat-reviewers

Comment 9

[Cristina Horotan [:chorotan]]

https://hg.mozilla.org/mozilla-central/rev/3e401b167051