KTooltip will not appear if its `reference` is a disabled button

[jonboiser]

Example from SyncAllModal.vue in Kolibri . Hovering over the "Sync" button will not cause the tooltip to appear

      <KButtonGroup>
        <KButton
          :text="coreString('cancelAction')"
          @click="$emit('cancel')"
        />
        <KButton
          ref="syncbutton"
          :text="coreString('syncAction')"
          primary
		  :disabled="submitDisabled"
          type="submit"
        />
        <!-- TODO make tooltips appear when hovering over disabled buttons-->
        <KTooltip
          v-if="submitDisabled"
          reference="syncbutton"
          :refs="$refs"
        >
          <span v-if="noRegisteredFacilities">
            {{ $tr('noFacilitiesTooltip') }}
          </span>
          <span v-else>
            {{ $tr('currentlyOfflineTooltip') }}
          </span>
        </KTooltip>
      </KButtonGroup>

[jonboiser]

This wasn't fixed in learningequality/kolibri#7360, but the workaround there was to wrap the whole button in a span that contains the disabled button, which can take a ref argument and emit hover on events, etc.

[nucleogenesis]

@jonboiser It might just work to wrap everything in KButton in a span. I didn't even consider that in #7360 - I'll try to get this in, but it isn't likely to work for now.

Will leave this open targeting an upcoming patch. Thanks JB!

[RONAK-AI647]

hey @MisRob , may i work on this issue.

[MisRob]

Hi @RONAK-AI647, thanks! This is quite old issue so I think first steps would be to find out if it's still happening. If you'd be interested to do so and confirm it, I think I could open this for contribution, at least for the investigation part. And then we would see what comes up.