Comments (6)
A better example is the iLO Advanced license key field, in the iLO access section of the form. It has size="29", but only 25½ characters fit.
from grommet.
@rothskeller A couple quick questions...
- What is the context for
<input size="10">
? I don't see that in the grommet codebase. - The link you shared is not publicly accessible. Do you have an example that is publicly accessible?
from grommet.
I reported this while generating a web tool using grommet (not publicly accessible, as you noted). The tool presents a Form, and one of the FormFields accepts a serial number. The serial number is 10 characters, all in uppercase, and I used size="10" in order to make the entry field an appropriate size. However, when 10 uppercase characters were entered in it, only 8½ actually fit. There was a similar problem with a license key field, size="29", only 25½ actually fit.
I regret that I don't have a publicly accessible example of this at the moment, but I imagine you could easily duplicate it on any form with an input that sets a size= value. Just enter that many uppercase letters into it and you'll see they don't all fit.
from grommet.
@ericsoderberghp I just looked at the form fields in the documentation and the form fields don't have a size parameter. I set a size value on the input field by editing the HTML in the browser, and it seemed to be ignored. I'm wondering if the new Form layouts render this no longer an issue as the forms seem to respond to the display appropriately.
from grommet.
@bryanjacquot you are correct. The FormField controls the size of the input. Currently, all inputs are the same width.
from grommet.
OK, then in that case this issue is outdated.
from grommet.
Related Issues (20)
- List: when provided only with primaryKey results in non-unique key error
- FormField triggers errors when it has null as a child
- DateInput Component Exceeding the Width of Screen as Page size is decreased
- enhancement: add support for granular styling of circle meter with onhover/click
- datatable column headers should honor align even when sortable, sort icon placement should adjust based on alignment
- FileInput - unable to use as controlled component; unable to reset input state externally
- Add `theme.anchor.icon.color`
- Data table selections should persist across DataViews
- Passing dynamic value to `step` prop in pagination no longer updates
- Drop - stretch="align" not working
- When using Data with Pagination a search event should return to page 1 of results
- Pagination endIndex fails to update if step is changed HOT 6
- Select & SelectMultiple - form with no placeholder accessibility
- Data not being updated correctly
- DataClearFilters type export missing
- Display of Select All button on search in the SelectMultiple component when limit is provided
- Misalignment in orderable list with >9 items HOT 1
- ref not working on datatable HOT 2
- Button -- `busy` indicator gets squished when button is narrow HOT 1
- React 18.3.1 w/ grommet useState fails HOT 5
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 grommet.