fix: broken tooltip on readonly props

Author: albanm

doc/examples/read-only.js

@@ -19,7 +19,7 @@ const schema = {
       title: `I'm a section with readOnly=true in schema`,
       readOnly: true,
       properties: {
-        stringProp: { type: 'string', title: `I'm a string in a read-only section` }
+        stringProp: { type: 'string', title: `I'm a string in a read-only section`, description: 'This description is used as a help message.' }
       }
     },
     disabledSection: {

lib/mixins/Tooltip.js

@@ -19,7 +19,11 @@ export default {
         slot,
         props: { value: this.tooltip.show, left: true, openOnHover: false, openOnClick: false, contentClass: 'vjsf-tooltip' },
         scopedSlots: {
-          activator: () => h('v-icon', { on: { click: () => { this.tooltip.show = !this.tooltip.show } } }, this.fullOptions.icons.info)
+          activator: () => h('v-btn', {
+            on: { click: () => { this.tooltip.show = !this.tooltip.show } },
+            props: { icon: true },
+            style: 'pointer-events: auto' // necessary or the tooltip is disabled on readOnly props
+          }, [h('v-icon', { }, this.fullOptions.icons.info)])
         }
       }, [
         h('div', { style: `max-width: ${this.tooltip.maxWidth}px`, domProps: { innerHTML: this.htmlDescription } })