azerion / phaser-input

Adds input boxes to Phaser like CanvasInput, but also works for WebGL and Mobile, made for Phaser only.
MIT License
201 stars 64 forks source link

Input DOM visiible in Firefox #28

Closed Alaxe closed 7 years ago

Alaxe commented 7 years ago

When I ran my game in Firefox I could see the DOM element used for the input in the upper left corner. I looked at the computed box model in the developer console and there was a border of 8px. I fixed it with simple CSS:

input {
    border: 0px;
}

I am not very experienced with HTML / CSS so I am not sure if a similar solution would fix the problem in all browsers and that it wouldn't introduce new ones. If you think it would be fine I can patch it and submit a PR (it's a few lines of code here). Also I would set padding to 0px as well just to be on the safe side.

Some technical details:

OS: Arch Linux Firefox Version: 50.1.0 (should be the latest) Plugin Version: 1.2.6 (from NPM) I am not using the latest version from the repo, but after a quick look at the source the issue doesn't seem to have been addressed.

I hope I haven't missed anything. I'd be happy to help you in any way I can. Thanks for your time and attention.

AleBles commented 7 years ago

Thanks for reporting! :)

Alaxe commented 7 years ago

I'm glad to have helped :)