mirror of
https://github.com/browser-use/browser-use
synced 2026-05-06 17:52:15 +02:00
f41da2d3b4
Fixes dropdown selections not persisting in Vue.js, React, and other reactive frameworks. The issue was that only 'change' events were dispatched, but Vue's v-model requires 'input' events to register changes. **Root Cause:** Dropdown selection handler only dispatched 'change' events, missing the 'input' event required by reactive frameworks. **Solution:** Enhanced event dispatching sequence in default_action_watchdog.py: 1. Focus element first 2. Set value and selected state 3. Dispatch 'input' event (critical for Vue v-model and React) 4. Dispatch 'change' event (standard for select elements) 5. Blur element for validation **Tests:** Added comprehensive integration tests in tests/ci/interaction/: - test_dropdown_vue_submit.py: Vue.js 3 with v-model - test_dropdown_react_submit.py: React 18 with controlled components Both tests verify dropdown selections persist through the reactive framework's state management and form submission works correctly. Closes #3415 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>