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.

isFullWidth broken on Input in @chakra-ui/core": "^1.0.0-rc.7

See original GitHub issue

Bug report

Describe the bug

When using @chakra-ui/core@next to utilize needed new code for colorModeManager to use with Next.js it is breaking InputOptions for isFullWidth

To reproduce

install @chakra-ui/core @next installed (“@chakra-ui/core”: “^1.0.0-rc.7”)
create <Input isFullWidth={false}/> 3.open console log and see error Warning: React does not recognize the isFullWidthprop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercaseisfullwidth instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Minimal reproduction

https://codesandbox.io/s/mystifying-framework-3e1ur?file=/src/App.js

Expected behavior

Input is not displayed fullscreen, as it is in the stable branch

System information

OS: macOS
Browser (if applies): Firefox, Chrome
Version of @chakra-ui/core: 1.0.0-rc.7
Version of Node.js: 14.2.0

Issue Analytics

State:
Created 3 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

2reactions

segunadebayocommented, Oct 28, 2020

Hi @hyliancoder,

If you check the migration guide, you might see that isFullWidth has been deprecated for the Input. You can pass w="auto" to the Input to prevent that.

Cheers

1reaction

hyliancodercommented, Oct 28, 2020

Looks like it was under Checkbox but not mentioned elsewhere. Might want to add something under inputs as well or a overall listing of what things are depreciated from which Components