my.outbrain.com - Clear All button is not working

[softvision-sergiulogigan]

URL: https://my.outbrain.com/amplify/funnel/content

Browser / Version: Firefox Nightly 67.0a1 (2019-01-31) (Desktop)
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Site is not usable
Description: Clear All button is not working
Steps to Reproduce:
Prerequisites:

• Login to outbrain.com

Steps to reproduce:

1. Navigate to: https://my.outbrain.com/amplify/funnel/content
2. Type something in the "Type in or paste your URL - one or many - here" field.
3. Click the "Add Content" button.
4. Click the "Clear All" button.

Expected Behavior:
A popup is displayed. "Are you sure you want to remove the current items?"

Actual Behavior:
Nothing happens.

Notes:

1. The issue is not reproducible on Chrome Canary or Chrome Release.
2. Screenshot attached.

Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan
@cipriansv

sv;

Browser Configuration

• None

From webcompat.com with ❤️

[karlcow]

<button _ngcontent-c5="" class="filter-options _am_core-clear-all" data-test="_am_core_plinks-list_clear_button">Clear All</button>

The console displays:

15:25:01.072 ERROR TypeError: "this.dialogRef.showModal is not a function"
    showModal dialog.component.ts:167
    showOnInit dialog.component.ts:172
    attachAysnc dialog.service.ts:113
    Angular 7
        invokeTask
        onInvokeTask
        invokeTask
        runTask
        invokeTask
        invoke
        0
    b tracker.js:26
    setTimeout handler*wrapTimer/</< tracker.js:82
    Angular 9
    attachAysnc dialog.service.ts:112
    showConfirm dialog.service.ts:75
    clearCurrentContent plinks-list.component.ts:206
    View_e_1 e.ngfactory.js:109
    Angular 12
    b tracker.js:26
    wrapEventTarget tracker.js:63
    Angular 22
    View_e_0 e.ngfactory.js:212
    Angular 6
tracker.js:formatted:262
    f tracker.js:262
    Angular 4
    RxJS 5
    Angular 11
    b tracker.js:26
    wrapTimer tracker.js:82
    Angular 9
    attachAysnc dialog.service.ts:112
    showConfirm dialog.service.ts:75
    clearCurrentContent plinks-list.component.ts:206
    View_e_1 e.ngfactory.js:109
    Angular 12
    b tracker.js:26
    wrapEventTarget tracker.js:63
    Angular 22
    View_e_0 e.ngfactory.js:212
    Angular 6

webpack:///static/modules/amplify/dialog/dialog.component.ts

  showModal() {
    this.removed = false
    this.dialogRef.showModal()
  }

private dialogRef: DialogType and import { DialogType } from './dialog.model'

I don't see a dialog.model

@wisniewskit do you have an idea?

[wisniewskit]

In this case, it's because they're using a element, which has its own showModal method in the HTML standard. But Firefox doesn't yet support elements (you can enable experimental support in about:config, and then the dialogs work).

Now I do see references to window.dialogPolyfill in the same script the exception appears in, but it doesn't seem as though OutBrain actually load that polyfill. So this seems like site error to me.

[karlcow]

The UI has totally changed. And the problem seems to have vanished.
Or we need better step by step to reproduce. :)

[softvision-sergiulogigan]

The UI has totally changed. And the problem seems to have vanished.

I agree.

Or we need better step by step to reproduce. :)

Tried lots of buttons, all seem to work now.

[lock]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.