question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

PF3: text-field with "type: hidden" produces vertical offset

See original GitHub issue

Screenshot from 2020-11-05 10-31-52

The component below should not cause any visual changes in the form, but as you see it on the screenshot above, it does where the blue mark is.

      {
        component: componentTypes.TEXT_FIELD,
        name: 'edit',
        id: 'edit',
        type: 'hidden',
        initialValue: edit,
      },

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:9 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
Hyperkid123commented, Nov 5, 2020

So since PF3 is just styled wrapper of react-bootstrap I will refer to their docs. The hidden type does not even hide labels, helpers, etc so @rvsia is correct.

@skateman no this won’t be done automatically, just use the hideField. Type is a component-specific property and the renderer has no clue what it is. It could break other mappers which can adjust its styling. There is no side effect of using hideField. It just wraps the element into a div with display: hidden (or none I can’t recall).

screenshot-react-bootstrap github io-2020 11 05-10_57_35

0reactions
skatemancommented, Nov 5, 2020

Are there any side effects if you put both hideField: true and type: hidden on a component? And can’t this be done automatically?

Read more comments on GitHub >

github_iconTop Results From Across the Web

What is causing this mysterious vertical offset on these buttons?
I have four elements which are displayed as buttons. Two them are <button> s, one is an <a> and one is an <input...
Read more >
nasa-cosmic/longlib.hlp at main · SteveDoyle2/nasa-cosmic · GitHub
routines for such things as 3-d plotting (with hidden line. removal), extended character sets, MASTER routines, graphics input. routines, map routines, etc.
Read more >
VSI DECset for OpenVMS Language-Sensitive Editor/Source Code ...
Indicates that a sequence of keystrokes, called a learn sequence, defines the command to be bound to a key. You must type the...
Read more >
CM Mouse Support User™s Guide and Reference - IBM
Synchronizing Input with the Host . ... If the SCREEN is matched successfully, then the left button produces [pf3] and the ... vertical...
Read more >
File Master™ Plus 12.0 - TechDocs - Broadcom Inc.
Use the IAM-managed data set as an input in the Copy Utility (3.3) ... Ctrl+Shift+F4 ... Creates the target and distribution data sets...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found