thedevs-network/kutt-extension
1
0
Fork 0
mirror of https://github.com/thedevs-network/kutt-extension.git synced 2026-06-25 06:50:28 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Clicking on inputs closes Popup in Firefox on OSX #17

New Issue
Closed
opened 2026-01-19 18:31:55 +00:00 by michael · 1 comment
michael commented 2026-01-19 18:31:55 +00:00
Owner
Copy Link

Originally created by @abhijithvijayan on GitHub.

This weird behaviour is due to a bug in Firefox on OSX.

Related issues:

Workaround:

Originally created by @abhijithvijayan on GitHub. This weird behaviour is due to a bug in Firefox on OSX. Related issues: - https://stackoverflow.com/questions/37207533/why-id-chrome-extension-popup-closing-on-input-autocomplete-suggestion-click - https://github.com/bitwarden/browser/issues/580 Workaround: - Wrap the inputs with label element and set absolute positioning to the input (ref: https://stackoverflow.com/questions/40339951/clicking-on-label-not-working-in-html/40340000)
michael added the release: minoreffort: medimpact: medtype: bugstatus: confirmed labels 2026-01-19 18:31:55 +00:00
michael commented 2026-01-19 18:31:56 +00:00
Author
Owner
Copy Link

@abhijithvijayan commented on GitHub:

I guess this might work

  • wrap the input in the label element
  • absolute position input
  • block position label
  • create another div with text input appearance that just shows the input value(this is to hide the input with z-index: -1)

So user can only click on the label which distributes the focus to input so that the user is able to type and the input value in the state is shown through the input lookalike div

@abhijithvijayan commented on GitHub: I guess this might work - wrap the input in the label element - absolute position input - block position label - create another div with text input appearance that just shows the input value(this is to hide the input with `z-index: -1`) So user can only click on the label which distributes the focus to input so that the user is able to type and the input value in the state is shown through the input lookalike div
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
breaking change
breaking change
effort: high
effort: low
effort: med
good first issue
Hacktoberfest
help wanted
help wanted
impact: high
impact: low
impact: med
💡 Proposed Work
release: minor
stale?
status: awaiting author response
status: confirmed
status: needs reproduction
status: on hold
status: WIP
topic: feedback
topic: Performance
topic: ux
type: bug
type: design
type: feature or enhancement
type: maintenance
type: question or discussion
type: upstream
No Label effort: med impact: med release: minor status: confirmed type: bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
michael
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: thedevs-network/kutt-extension#17
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?