Hide/Remove iframe column from ticket editor app

I was able to get rid of this by using:

* {
overflow: hidden !important;
}

But I am still curious if there is a way to autofit the iframe to your content vs resizing it with the client instance.
 

Hi Bryan! Could you create a sample app that just has this in it, toss it into a repo, and link it here? I'm not sure what's going on here from the screenshot, so it's impossible to diagnose or investigate as is.

Here ya go!
https://github.com/bryangwin/zendesk-test-app

When you pull up the app in the ticket editor you will see the right column (which appears to be an unused scrollbar) in the iframe.

Here is what you should see:

Hi Greg,

I am not quite sure what you mean? It is a simple app from the react scaffold provided by Zendesk.  You would clone the repo then from the root run npm install . It is currently set up to run locally if that's what you mean so you would need to run npm run dev  to start the react server then in another terminal npm start to start the zendesk server. Then include the ?zcli_apps=true tag to a Zendesk URL for testing.

I tested this on another env and it worked fine so I am not sure where you are running into issues?
 

Good lord, I think my brain has quit on me, sorry about that. I somehow was staring at a React project and not treating it like a React project. I'll take a look now!

Haha no problem!  It happens to the best of us. I appreciate you looking into this. Let me know if you can figure out what exactly is the class that needs overflow hidden or if you know of a clever way to auto fit the iframe.  Thanks again for taking a look.