The latest articles on DEV Community by Keith Patella (@kp_99999). https://dev.to/kp_99999 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1675410%2Fb2e87282-1efd-42e5-8f06-861baa5e5bc3.png https://dev.to/kp_99999 en Keith Patella Mon, 24 Jun 2024 12:48:58 +0000 https://dev.to/kp_99999/tools-to-debug-clipping-and-overflow-issue-31cf https://dev.to/kp_99999/tools-to-debug-clipping-and-overflow-issue-31cf <p>We are using Salesforce and we have a custom component that has a drop down combo box. The dropdown never extends beyond the component. I have tried using dev tools to see what the issue is. At the dropdown div I added the overflow visible style but it is still clipped. I've gone through the HTML tree and can't find an overflow:hidden which is something I read that can cause this issue in css. I was unable to find any clip-paths either. </p> <p>The drop down auto-computed height seems to be correct and would allow it to overflow the control but it is still being clipped. </p> <p>What else could I look at or try to override in the dev tools to see why something is getting clipped on an html page?</p> css webdev