I have created a lightning web component that displays information from a grand-parent object, parent object and child object. I have created a quick action on the parent object with lightning web component in the development sandbox. The development sandbox is on Summer 21 release and everything is working fine. When I push my changes from Development sandbox to testing sandbox (which did not hit Summer 21 yet), I am getting an error message saying "Lightning component quick actions are not enabled for your organization". I did some google search and based on what I found, I have created a quick action with a new lightning component and embedded my lightning web component in it.
When I add the quick action to the parent object page layout and click on it, it does not display the object details. In the development sandbox where the lightning action is created based off of the lightning web component, it is working fine.
I tried passing the $recordId parameter to the LWC component (which I don't think it is necessary as LWC has access to the recordId variable already on a record page) from the Aura Component for the quick action, but the results were same. Just the canvas is with the lightning-card is popping up with out any details.
UPDATE: I have got this to work by adding force:hasRecordId in the lightning component.
The LWC window is now showing the data, however the modal window has two scroll bars when viewed from a laptop. When I view it on my 27" iMac, the scroll bar is only available on the lightning-card component. When I view on my 15.6" laptop, the lightning-card has a scrollbar and the modal window has another scrollbar. How do I get rid of the scrollbar from the modal window?
Below is the screenshot for reference. I had to cut some data.