Code Monkey home page Code Monkey logo

Comments (6)

rothskeller avatar rothskeller commented on May 22, 2024

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.

mattfarina avatar mattfarina commented on May 22, 2024

@rothskeller A couple quick questions...

  1. What is the context for <input size="10">? I don't see that in the grommet codebase.
  2. The link you shared is not publicly accessible. Do you have an example that is publicly accessible?

from grommet.

rothskeller avatar rothskeller commented on May 22, 2024

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.

bryanjacquot avatar bryanjacquot commented on May 22, 2024

@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.

ericsoderberghp avatar ericsoderberghp commented on May 22, 2024

@bryanjacquot you are correct. The FormField controls the size of the input. Currently, all inputs are the same width.

from grommet.

rothskeller avatar rothskeller commented on May 22, 2024

OK, then in that case this issue is outdated.

from grommet.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.