vuesax icon indicating copy to clipboard operation
vuesax copied to clipboard

Checkbox not working in Safari

Open YkkJeff opened this issue 5 years ago • 6 comments

I put a watch property on the variable that is linked to my checkbox with v-model and click on the vs-checkbox and the value does not change in Safari. On Chrome it is working well, changing the value on each checkbox click.

It is easy to test here (the "Array Values", working for Chrome but not for Safari): https://lusaxweb.github.io/vuesax/components/checkbox.html#string-value

Test made on Safari - Version 12.0.1 (14606.2.104.1.1)

YkkJeff avatar Apr 11 '19 15:04 YkkJeff

I'm having the same issue. Anyone working on this? @YkkJeff Any luck with solving it?

Pajicc avatar May 27 '19 14:05 Pajicc

Unfortunately, as no new version was released fixing the safari/firefox issues, we moved back to classic and custom components (checkboxes, switches, etc.).

YkkJeff avatar May 27 '19 14:05 YkkJeff

On firefox it seems to be fixed...not tried on Safari

Pedrazl avatar Jun 19 '19 07:06 Pedrazl

Create PR for this issue https://github.com/lusaxweb/vuesax/pull/725. For quick fix in builded source file you can change vuesax.common.js file L3591-L3598 to

      return {
        change: (evt) => {
          _this.toggleValue(evt)
        },
        // input: function input(evt) {
        //   _this.toggleValue(evt);
        // }
      };

igorveremsky avatar Dec 03 '19 19:12 igorveremsky

@YkkJeff @Pajicc PR with fix merged to master. Please give a feedback is it works for you after update?

igorveremsky avatar Dec 09 '19 12:12 igorveremsky

It seems to be fixed on chrome for desktop, chrome and safari for smaller devices still have the issue.

chibuikemokoli avatar Aug 11 '23 10:08 chibuikemokoli