Drop down items are white when not selected

Hi there,

We just rolled out a new version of Open Table Widget, version 1.7. Please update and let me know if that resolves your issue. If not, point me to an example and I can give you some custom CSS to resolve it.

Thanks!

I have this issue also. It’s manifesting in IE11 on Win10, but is OK in Chrome and Edge. I’ve just updated the plugin to the latest version.

Hi @weareswitch Can you provide a link to your page so I can see the problem live?

Sure Matt, you can see the problem on https://butlersarms.staging.wpengine.com/

I fudged a fix it on the live site temporarily by removing the padding from here:

.OT_list li input {
	width:100% !important;
	padding: 20px 10px !important;
        min-width: 100% !important;
}

This has the effect of making the boxes smaller, but also ensures that the text in the fields is visible in IE11. I have absolutely no idea why it would do that.

Hi @weareswitch, I just tested your site on IE11 with Windows 10 and had no trouble at all, here’s a screenshot:
https://drive.google.com/file/d/0B5AcOy9t7HjlVEw1MTR2X3RpXzQ/view?usp=sharing

Let me know if I don’t understand the problem correctly. I’d suggest you ask others to test as well. If it’s only appearing that way on your machine, then perhaps it’s a browser extension of some sort.

Hey Matt. That’s odd. Here’s what we and the client see.

https://www.dropbox.com/s/rg0lvstj0asf2no/Screenshot%202016-07-28%2010.13.52.png?dl=0

I’ve checked this on 2 other Win 10 machines in the team and both see no text in the fields in IE11.

However, I’ve just checked it through Browserstack opn Win10/IE11 and it looks fine. It makes no sense.

I’ve deleted history and disabled all extensions on my local version and still it doesn’t display unless I remove the padding. It’s also the same when I view it InPrivate browsing. Very odd and frustrating.

Still don’t understand why removing the padding fixes it.

Jon