I have added a searchbox in a modal window on a web app, and when it loads, neither the placeholder text nor the entered text are visible - or more accurately, only the first few pixels are.
My issue is similar to this post - https://www.telerik.com/forums/impossible-to-type-into-my-searchbox and I tried adding the CSS as suggested but it seems to get overridden.
I have found that if I right click and Inspect Element then the width increases so that the text becomes visible.
I have set up a small sample page which illustrates the issue at http://twadventureworks.azurewebsites.net/
Click the Add an Account button to get the modal. You can see the start of the placeholder text in the top box. If you click into it and start to type e.g. 'Matthew', the search works and the dropdown is populated with results, but the entered search text is mostly hidden.
If I take RadSearch out of the modal then it works correctly, but this really goes against what I am trying to do in my application.
Would be grateful for any suggestions as to how I can fix this.
Thanks