Comments (9)
is that being caused by the inner padding that firefox adds to many of it's form elements?
from min.
I just tested it on Firefox 30 OSX and Firefox 30 Linux and Firefox 30 Windows and neither displayed the same bug, so I doubt it. Besides, we reset a bunch of stuff on inputs which should take care of that.
from min.
Maybe it's the font-size not inheriting well? It looks perfect on my browser, Firefox Aurora on Linux, but when I add 'font: inherit' to that input field I get the same visual bug. Strange, but may be something fun to look into!
from min.
This is on Firefox Mobile and doesn't seem to affect any other Firefoxes, so I'm not surprised it works on Aurora.
What you said about the font is interesting though - I'll look into it when I get home, thanks!
from min.
Yeah I don't own a device with Firefox Mobile, but still wanted to see if there was anyway to help out by trying to break it on my version of FF, cheers!
from min.
@owenversteeg I'm seeing the same issue on Firefox 35.0a on Linux. It doesn't happen if I zoom in by 1 level (110%). If there's any testing I can do, let me know.
from min.
@calzoneman Hmm, weird. What distro do you use, and what font does the input end up using? If you can't visually identify it I'd check in FF settings or use something like the WhatFont bookmarklet. Since I can't reproduce what you're seeing hopefully you can do some minor debugging for me: try changing the font size, input padding, font family, and anything else you think would work.
@JacobJWBurden My Windows box is acting up so I don't think I'll be able to test FF mobile today - hopefully I'll get it working and test it tomorrow. Thanks for the help though! P.S. What distro do you use and what font is the input? I'd check the default sans-serif font in FF settings or use a bookmarklet like WhatFont to figure it out.
from min.
I'm using Arch Linux with the Infinality font rendering patches for fontconfig. My sans-serif font (which is used in the textbox) is DejaVu Sans.
The following are what I've tried on the input box that fixed it:
- Manually override font to
Liberation Sans
(I'd rather not do this permanently; relying on a specific font family in order to have it align properly seems like a bad idea) - Set
font-size: 10pt
from min.
My original post was from a Ubuntu 13.10 box, I'm currently on using Ubuntu 14.04. Looks good on both distros. It's rendering DejaVu Sans for me as well.
My guess would be to experiement with 'font: inherit' on both the span and input, that has in interesting effect. But obviously the point of this framework is to stay as small as possible, so there may need to be more testing.
from min.
Related Issues (20)
- Cannot add min component to https://rails-assets.org HOT 1
- Can be even smaller HOT 1
- How to add additional breakpoints? HOT 2
- Links in top menu don't work on small Chrome screens HOT 8
- Firefox top menu issues HOT 3
- Planning to switch to flex grid anytime soon? HOT 1
- Multicolum listing? HOT 1
- Redirect to mincss.com HOT 1
- The Bower version of Min and the version on the website are wildly different HOT 1
- Right aligned menus HOT 1
- Examples are broken due to mixed content. HOT 1
- Addon misalignments and other rendering issues HOT 5
- FR: Menu wrap rather than menu button HOT 1
- create seperate file for contributing
- Link broken HOT 1
- CDN link on http://mincss.com/download.html links to Min database, not Min CSS HOT 10
- no reset? HOT 3
- Styling of submit buttons HOT 1
- Small button not really small
- Addon missing left border when used inside form, inside a row
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 min.