fix: find link href based on prosemirror node

* Resolve the position given to the `handleClick` function.
* Get the `link` mark from the resolved position.
* Use the attrs of this mark.

`editor.getAttributes` gets the attributes at the current selection.
In Firefox the selection will not move to the clicked position in read only mode.
So instead of relying on the selection we now use the `pos` of the click.

Signed-off-by: Max <[email protected]>

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@nextcloud/text",
 	"description": "Collaborative document editing",
-	"version": "0.1.0-beta.2",
+	"version": "0.1.0-beta.3",
 	"authors": [
 		{
 			"name": "Julius Härtl",

package/marks/Link.js

@@ -67,13 +67,18 @@ const Link = TipTapLink.extend({
 			new Plugin({
 				props: {
 					key: new PluginKey('textLink'),
-					handleClick: (_view, _pos, event) => {
-						const attrs = this.editor.getAttributes('link')
-						const link = event.target.closest('a')
-						if (link && attrs.href && this.options.onClick) {
-							return this.options.onClick(event, attrs)
+					handleClick: (view, pos, event) => {
+						const $clicked = view.state.doc.resolve(pos)
+						const link = $clicked.marks().find(m => m.type.name === this.name)
+						if (!link) {
+							return false
 						}
-						return false
+						if (!link.attrs.href) {
+							console.warn('Could not determine href of link.')
+							console.debug(link)
+							return false
+						}
+						return this.options.onClick?.(event, link.attrs)
 					},
 				},
 			}),