Send button escapes the containing div in the thic-box modal

Pretty sure it’s not just my theme:

http://cl.ly/image/3f1Z0g2Z2z1L

This the modal that launches when you click on “Send Enquiry” or “Send to Friend” in the listing details sidebar.

When the modal opens all the content inside is in the right place -but the javascript has now hard set the height of the content div.

When the error messages show up below the field – they add a little height to the inner div, which pushes the “send” button down below the container as shown in the screen shot.

I tried overriding the default in the thic-box css by setting:

#basic-modal-content {height: 700px;}

in my over-ride css — as the “send to a friend” was already broken looking on launch.

So this pretty much works now – as long as the errors don’t show and push the send button down.

But you may want to look at Easy Fancy Box — whatever library they’re using has a really nice and playful animation when you open/close the modal.

I think the Easy Fancy Box also aligns more center of the screen which is nice for those of us using fixed headers – I had to override the modal’s Top positioning as the top of the box was under my header.

One last thing about the thic-box modal — it doesn’t close when clicking on the background — the user has to click the X which I though odd as almost all modals I’ve seen out there all close when you click outside the content.