Comments (7)
I have tracked the problem down to the padding style in chat.css
:
main.login fieldset input,
main.signup fieldset input{
width: 100%;
padding: 1.4em 0.7em;
}
If you comment out the padding here, all is good (even in Firefox).
So this is why it only seems to affect those two pages.
from feathers-chat.
Did we land a fix for this? I noticed this as well but can't remember is somebody submitted a PR with the changes already (I don't think I saw one).
from feathers-chat.
I didn't really know why that padding
style was there in the first place, or if it was necessary, so I didn't want to submit a change that removed it. But for my local testing, that's the quick work around that I made for now.
It looks like that css stuff hasn't changed since @ekryski first added the css, so it may come from an upstream css file somewhere that has since been fixed or improved. At least it doesn't seem to be a recent change. Perhaps it has never worked on Firefox or there has been a change in Firefox since it was first committed.
I don't know enough about padding on input fields to suggest a change. I haven't tried other values (like perhaps 1.4em 1.0em
might work fine here). At this point, I just know that one workaround is to remove the padding style from main.login fieldset input
and main.signup fieldset input
, those two styles I quoted above.
from feathers-chat.
If it doesn't change the behaviour in Chrome it would be great if you could submit the fix as a PR. I did notice some weirdness in Firefox, too but never followed up on it.
/cc @ekryski
from feathers-chat.
No problem, submitted PR #39 with the workaround I've used.
from feathers-chat.
Thanks @appurist! Merging now. :)
from feathers-chat.
Closed via #39
from feathers-chat.
Related Issues (20)
- oauth github sign in HOT 4
- How would the front end connect to a remote backend? HOT 2
- Example 'app.publish is not a function' HOT 1
- Cannot get github auth working HOT 4
- Upgrading Helmet to the next major version
- Page is blank because scripts are blocked by browser security HOT 8
- Initial click on "Sign up and log in" fails with No record found for id '1' HOT 1
- app.listen(...).on is not a function HOT 1
- Test configuration not working HOT 1
- clear install ReferenceError: feathers is not defined HOT 1
- Cannot find module 'feathers-chat' or its corresponding type declarations. HOT 5
- [FR] first class module support HOT 1
- [fr] make app.ts export an asynchronous function HOT 4
- oauth github fails with `error: BadRequest: validation failed` HOT 5
- Workflows breaks Cloud IDE's HOT 1
- [perf] Database migration takes 40 seconds with an empty database HOT 1
- [FR] More DX improvements
- [FR] Support ESM out of the box
- Feathers Chat MySQl/MariaDB version
- Sample Chat Not Working for MongoDB HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from feathers-chat.