+ Start a Discussion
Bryant Daniels 46Bryant Daniels 46 

Lightning Web Component Dual Listbox not scrolling in Salesforce Mobile App

When implementing the Lightning Web Component Dual Listbox in Salesforce Mobile App and you add a lot of values that would require you to scroll, the scrolling function does not work.

I used the sample code and just put it into a tab for the salesforce moblie app : 
 
<template>
	<lightning-dual-listbox name="languages" label="Select Languages" source-label="Available" selected-label="Selected" field-level-help="Select your preferred languages"
	 options={options} onchange={handleChange}></lightning-dual-listbox>
	<div class="slds-box">
		<p>Selected values are: {selected}</p>
	</div>
</template>


import { LightningElement, track } from 'lwc';

export default class DualListboxSimple extends LightningElement {
    @track _selected = [];

    get options() {
        return [
            { label: 'English', value: 'en' },
            { label: 'German', value: 'de' },
            { label: 'Spanish', value: 'es' },
            { label: 'French', value: 'fr' },
            { label: 'Italian', value: 'it' },
            { label: 'Japanese', value: 'ja' },
        ];
    }

    get selected() {
        return this._selected.length ? this._selected : 'none';
    }

    handleChange(e) {
        this._selected = e.detail.value;
    }
}

 
SWPA Swarup PatraSWPA Swarup Patra
Hello Bryant,

Could you solve this issue. I am also facing the same issue. Please let me know for any workaround you got. I am trying to figure out how to use Multiselect picklist in Salesforce and stumbled upon this component. Dual List table is not of much help in Salesforce1 app. In web version the scrollbar pops up but not in iOS.