Bootstrap: @include form-control-focus($ignore-warning: true); causes compile error

Created on 6 Jan 2020  Â·  4Comments  Â·  Source: twbs/bootstrap

  • Windows 10
  • Chrome Version 76.0.3809.132 (Official Build) (64-bit)

https://github.com/twbs/bootstrap/blob/v4-dev/scss/_forms.scss#L40

this line causes any React/ Vue or Angular project including bootstrap v.4.3 and above fail at compilation. (I have "bootstrap": "^4.4.1", it's the latest I could get).

I see you've fixed this in the upcoming 5 but in the absence of 5 a hotfix is needed, or you should release 5.

Most helpful comment

The form-control-focus mixin does accept the $ignore-warning variable:
https://github.com/twbs/bootstrap/blob/0d1aee6a2fecc865066c90e85422e192ca69ba34/scss/mixins/_forms.scss#L13

You probably have a reference to an older codebase somewhere in your code.

All 4 comments

@include form-control-focus($ignore-warning: true); causes compile error

What kind of error? Could you provide the output?

^ No argument named $ignore-warning. 
   â•· 
40 │ @include form-control-focus($ignore-warning: true);

If I edit the actual node_module file just for testing and remove $ignore-warning: (leaving in true), I instead get an error saying 1 argument was passed when 0 was expected.

If I remove the entire line compilation succeeds.

The form-control-focus mixin does accept the $ignore-warning variable:
https://github.com/twbs/bootstrap/blob/0d1aee6a2fecc865066c90e85422e192ca69ba34/scss/mixins/_forms.scss#L13

You probably have a reference to an older codebase somewhere in your code.

I'll check it out.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

knownasilya picture knownasilya  Â·  3Comments

ziyi2 picture ziyi2  Â·  3Comments

fohlsom picture fohlsom  Â·  3Comments

leomao10 picture leomao10  Â·  3Comments

steve-32a picture steve-32a  Â·  3Comments