Editor displaying thin text areas in firefox div.DTE_Field textarea{ box-sizing:border-box;

armando@streamloan.io

I noticed that the property div.DTE_Field textarea{ box-sizing:border-box;} was causing the input boxes to be very thin and the contents were not displayed properly. I did not know what was causing this so I had to manually do try and error with the properties until I found the issue.
After I remove this property from the css file the textboxes behave as shown in the web example.
This seems weird to me because I downloaded the same libraries from the web. I have a custom css but it was not affecting any of these HTML elements so I'm puzzled. For now I have solved my problem but I was curious if someone else had experienced this issue.

allan

Hi,

Thanks for your message. I don't appear to be able to see the same issue in my demos (I don't actually have one using textarea online, but I've tried it locally).

Are you able to link to a page showing the issue?

Allan

armando@streamloan.io

Hi Allan,
I have two issues now, the one above (which I manually overwrite in the css) and also I'm getting two different images in the sort headers, the ones with bootstrap plus the default images with basic initialization.
I can give you a login/password to our test site for you to review. Would it be safe for me to post credentials here? Let me know the preferred method to share credentials with you for debugging.
Thanks
Armando

allan

Sure - you can click my name above and then "Send message" to send me a PM.

It sounds like you might be loading both the DataTables default CSS and the Bootstrap integration CSS for DataTables. You want to load only one.

Allan