Mfrhtyj

I overwrite input fields in the checkout to have the following event:

<input class="input-text" type="text" data-bind="

    value: value,

    valueUpdate: 'keyup',

    hasFocus: focused,

    css: {focused: value() != '' && value() != ' '},

    event: {

        keyup: validationSuccess

    },

    attr: {

        name: inputName,

        placeholder: placeholder,

        'aria-describedby': noticeId,

        id: uid,

        disabled: disabled

    }

"/>

Now that works on the checkout but if i'm in the cart i get an error saying:

Uncaught ReferenceError: Unable to process binding "if: function(){return $data }"

Message: Unable to process binding "event: function(){return {

        keyup:validationSuccess} }"

Message: validationSuccess is not defined

I found some workaround by using $data but it doesn't seem to work, the error goes away but it always shows the option where the bindins doesn't exist in the checkout.

<!-- ko if: $data.validationSuccess -->

<input class="input-text" type="text" data-bind="

    value: value,

    valueUpdate: 'keyup',

    hasFocus: focused,

    css: {focused: value() != '' && value() != ' '},

    event: {

        keyup: validationSuccess

    },

    attr: {

        name: inputName,

        placeholder: placeholder,

        'aria-describedby': noticeId,

        id: uid,

        disabled: disabled

    }

"/>

<!-- /ko -->

<!-- ko if: !$data.validationSuccess -->

<input class="input-text" type="text" data-bind="

    value: value,

    valueUpdate: 'keyup',

    hasFocus: focused,

    css: {focused: value() != '' && value() != ' '},

    attr: {

        name: inputName,

        placeholder: placeholder,

        'aria-describedby': noticeId,

        id: uid,

        disabled: disabled

    }

"/>

<!-- /ko -->

I also tried to do the if only on $data but that gives the same error.

A different question from someone said the following:

"If you use $data., then it will not error out if address1 is undefined.
If address1 does later become populated, it will not update the UI though (address1 would need to be an observable originally)."

So that might be my problem but i'm not sure how to fix it.