PF3: text-field with "type: hidden" produces vertical offset
See original GitHub issueThe 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:
- Created 3 years ago
- Comments:9 (9 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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 usinghideField
. It just wraps the element into a div withdisplay: hidden
(or none I can’t recall).Are there any side effects if you put both
hideField: true
andtype: hidden
on a component? And can’t this be done automatically?