I am trying to use the lightning-quick-action-panel to create a quick action button which shows some fields for user to Edit. My issue is related to multiple scrollbars on the page.
my HTML file:
<template>
<lightning-quick-action-panel header="Update Contact">
<lightning-input
type="date"
data-id="startDate"
label="Start Date"
required="true"
value={startDate}>
</lightning-input>
<lightning-input
type="date"
data-id="endDate"
label="End Date"
required="true"
value={endDate}>
</lightning-input>
<lightning-dual-listbox name="days"
label="Week Days"
source-label="Available"
selected-label="Selected"
field-level-help="Week Days"
options={options}
required="true"
onchange={handleListBoxChange}>
</lightning-dual-listbox>
<lightning-input
type="time"
data-id="startTime"
label="Login Start Time"
required="true"
value={startTime}>
</lightning-input>
<lightning-input
type="time"
data-id="endTime"
label="Login End Time"
required="true"
value={endTime}>
</lightning-input>
<div slot="footer">
<lightning-button
variant="neutral"
label="Cancel"
onclick={closeAction}
></lightning-button>
<lightning-button
variant="brand"
label="Save"
class="slds-m-left_x-small"
onclick={startRecordUpdate}
></lightning-button>
</div>
</lightning-quick-action-panel>
</template>
my JS File:
import { LightningElement, api, track, wire} from 'lwc';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
import { NavigationMixin } from 'lightning/navigation';
export default class TestLwc extends LightningElement {
@api recordId;
@api invoke() {
this.startRecordUpdate();
}
startRecordUpdate(event) {
}
closeAction() {
this.dispatchEvent(new CloseActionScreenEvent());
}
}
Issue Image:
Also I saw the below Known issue in IdeaExchange and I didn't enable any release updates feature in the org. IdeaExchange Known Issues
Any help would be appreciated