removed the usage of the path property of the contextmenu event because apparently it's not standard

src/components/TheContextMenu.vue

@@ -15,6 +15,7 @@
 <script>
 import Downloads from '@/utils/downloads'
 import downloadQualities from '@js/qualities'
+import { generatePath } from '@/utils/utils'
 
 export default {
 	data() {
@@ -106,7 +107,7 @@ export default {
 		},
 		// This computed property is used for rendering the options in the wanted order
 		// while keeping the options computed property an Object to make the properties
-		// accessible via property name (es this.options.copy)
+		// accessible via property name (es this.options.copyLink)
 		sortedOptions() {
 			return Object.values(this.options).sort((first, second) => {
 				return first.position < second.position ? -1 : 1
@@ -121,12 +122,9 @@ export default {
 		showMenu(contextMenuEvent) {
 			contextMenuEvent.preventDefault()
 
-			const {
+			const { pageX, pageY, target: elementClicked } = contextMenuEvent
-				pageX,
+
-				pageY,
+			const path = generatePath(elementClicked)
-				path,
-				path: [elementClicked]
-			} = contextMenuEvent
 
 			this.positionMenu(pageX, pageY)
 

src/utils/utils.js

@@ -1,3 +1,22 @@
+/**
+ * Climbs the DOM until the root is reached, storing every node passed.
+ * @param 	{HTMLElement} el
+ * @return	{Array}				Contains all the nodes between el and the root
+ */
+export function generatePath(el) {
+	if (!el) {
+		throw new Error('No element passed to the generatePath function!')
+	}
+
+	let path = [el]
+
+	while ((el = el.parentNode) && el !== document) {
+		path.push(el)
+	}
+
+	return path
+}
+
 export function isValidURL(text) {
 	let lowerCaseText = text.toLowerCase()