deadlinecode deadlinecode

How to fix the connection between Firefox Based browsers (like Zen) and KeepassXC (both installed via flatpak)

Credits to this comment i found: keepassxreboot/keepassxc#7352 (comment)
Sadly this only works for firefox but not firefox based browsers like Zen

So after literally live debugging the source code of zen here is the fix (technical explanation further down):

TL;DR:

	// I used nativewind for this
	// If you don't have it you need to convert the classes to the corresponding react native styles

	import { memo, useEffect, useRef, useState } from 'react'
	import { Animated, PanResponder, Platform, View } from 'react-native'

	type ProgressSliderProps = {
	// Played percentage of the track
	position?: number
	// Buffered percentage of the track