DEV Community

Keith Patella
Keith Patella

Posted on

1

Tools to debug Clipping and Overflow Issue

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.

The drop down auto-computed height seems to be correct and would allow it to overflow the control but it is still being clipped.

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?

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay