Skip to content

fixing overflow of text inputs #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 5 commits into from
Closed

fixing overflow of text inputs #4

wants to merge 5 commits into from

Conversation

bretton
Copy link
Collaborator

@bretton bretton commented Mar 30, 2018

Adjusted the css for the lightningTipInput class to reduce from 100% to 90% to fix an overflow issue with the text input boxes.

@michael1011
Copy link
Owner

Are you sure this isn't specific to your site? Everwhere else if have tried it it worked fine with 100%.

@bretton
Copy link
Collaborator Author

bretton commented Mar 30, 2018

I copied the code as from source. No other css applicable to the page either.

Perhaps leave it on hold for now, pending any other examples of this happening elsewhere.

@michael1011
Copy link
Owner

I played around with your site a bit. I think the issue is in the first few lines of your html file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en-us" xmlns="http://www.w3.org/1999/xhtml">

XHTML is creating issues aparrently. On my local copy I changed it to:

<html xml:lang="en-us">

And you forgot to close the div with the id lightningTip at the end of the file 😉

@bretton
Copy link
Collaborator Author

bretton commented Mar 30, 2018

Ah awesome, the html was originally copied from a Coda template. Works fine now.

@bretton bretton closed this Mar 30, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants