na85.lightning.force.com - The Apps cards are not movable

[softvision-sergiulogigan]

URL: https://na85.lightning.force.com/lightning/setup/SetupOneHome/home

Browser / Version: Firefox 60.3.0esr (Desktop)
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Something else
Description: The Apps cards are not movable
Steps to Reproduce:
Prerequisites:

• Login to https://na85.lightning.force.com/lightning/setup/SetupOneHome/home

Steps to reproduce:

1. Navigate to: https://na85.lightning.force.com/lightning/page/home
2. Click on the menu button (top-left, under de Salesforce logo).
3. Click and drag an app from the hamburger button.

Expected Behavior:
The app is moved.

Actual Behavior:
Nothing happens.

Notes:

1. The issue is also reproducible on Firefox Nightly 65 and Release 63.
2. The issue is not reproducible on Chrome Canary or Chrome Release.
3. The issue is not reproducible if the click and drag action is performed anywhere else BUT on the hamburger button.
4. Screenshot attached.

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

sv; type: enterprise-survey

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-sergiulogigan]

[karlcow]

indeed.

to note that the 3 stripes is a button inside a custom element with a change event attached to it.

<lightning-button-icon-stateful 
    class="slds-button slds-button_icon slds-is-selected" 
    data-aura-rendered-by="149:3739;a">
    <button type="button" 
            role="button" tabindex="0" 
            aria-pressed="false" 
            class="slds-button slds-button_icon slds-button_icon-border" 
            title="To reorder, grab Salesforce Chatter, and press spacebar.">
        <lightning-primitive-icon lightning-primitive-icon_primitive-icon-host="">
            <svg focusable="false" data-key="rows" aria-hidden="true" class="slds-button__icon" lightning-primitive-icon_primitive-icon="">
                <use xlink:href="/_slds/icons/utility-sprite/svg/symbols.svg?cache=9.18.0#rows"     lightning-primitive-icon_primitive-icon=""></use>
            </svg>
        </lightning-primitive-icon>
            <span class="slds-assistive-text">To reorder, grab Salesforce Chatter, and press spacebar.</span>
    </button>
</lightning-button-icon-stateful>

[karlcow]

If I remove the button node and its children, this is working.
So this is about the button itself and after digging, removing attribute and searching online, I unmasked the culprit. This is a known issue in Firefox.

https://bugzilla.mozilla.org/show_bug.cgi?id=568313 (9 years old bug at this time.)

Let's duplicate.

FYI: You can drag if you push the option/alt key at the same time you are trying to drag it.

[karlcow]

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=568313

[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.