feat: setting field improvements

[FurkanKambay]

• Resolves [Enhancement] Make settings labels selectable, clicking not toggle/select setting #2275
• Fixes dropdown overlay click-through bug
• Prevents context menus opening when right-clicking on a field, except when text is selected
• Fields with two inputs now focuses the TextInput on left-click, and switches/toggles the SelectInput/ToggleInput on right-click.

Screen.Recording.2026-01-17.005146.mp4

[mbnuqw]

Thanks, but I'd like to be able to switch settings by clicking on the whole field area. This can be achieved by checking the current selection's type in mousedown/up event handlers of the top-most x-field.vue element.

Something like this:

let rangeIsSelected = false
function onMouseDown(e: DOMEvent<MouseEvent>) {
  rangeIsSelected = getSelection()?.type === 'Range'
  if (e.detail > 1) e.preventDefault()
}

function onMouseUp(e: DOMEvent<MouseEvent>) {
  if (rangeIsSelected || getSelection()?.type === 'Range') return

  // And then field-specific stuff:
  // For select-field
  if (props.inactive || !props.opts || Array.isArray(props.value)) return
  if (e.button === 0) switchOption(1)
  if (e.button === 2) switchOption(-1)
  // For toggle-field and count-field
  toggle()
  // text-field
  focus()
}

No need to change select-input component in this case.

[FurkanKambay]

@mbnuqw perfect, thank you for the direction!

just wanna take a look into a couple more small improvements before its ready to merge :)

[FurkanKambay]

I see that NumFields don't have mouse handlers because they can contain two input parts like this

Should it handle mouse events when the SelectField is hidden, or maybe LMB focuses the TextInput and right click modifies the SelectInput?

Similarly, the Limit the count of simultaneously reloading tabs setting (CountField) has both a TextInput and a ToggleInput, but clicking it just toggles it. I think left click to focus and right click to toggle would work really nice for these cases.

UPDATE: I implemented this (and for StyleFields) in the latest commit

[FurkanKambay]

Also fixed this click-through propagation bug:

Screen.Recording.2026-01-17.005146.mp4

[FurkanKambay]

sorry for the messy force push stuff, I wanted the commits to be tidier.
Almost ready for review now, I can revert the latest commit if you don't like that behavior (#2332 (comment))

caught a bug, working on it

The fields in PanelConfig have a weird text selection bug, couldn't figure it out yet.

[mbnuqw]

Awesome, thank you!

Should it handle mouse events when the SelectField is hidden, or maybe LMB focuses the TextInput and right click modifies the SelectInput?

Yes, let's keep you're implementation.

The fields in PanelConfig have a weird

That's selectionchange handler in popup.panel-config/panel-config.vue. I'll fix this after merge.