Skip to content

Conversation

@rileyseaburg
Copy link
Contributor

This pull request introduces drag-and-drop functionality enhancements for the form builder, including improved styling, error handling, and better user experience. Key changes include adding visual placeholders, handling errors during sorting operations, and ensuring smooth interactions across different sortable elements.

Drag-and-Drop Styling Enhancements:

  • Added .sort-placeholder class with dashed borders, background color, and minimum height for better visual feedback during drag-and-drop operations in the form builder. (app/assets/stylesheets/site.scss, app/assets/stylesheets/site.scssR373-R390)
  • Introduced .drag-handle class with appropriate cursor styles (move, grab, grabbing) for a more intuitive drag-and-drop experience. (app/assets/stylesheets/site.scss, app/assets/stylesheets/site.scssR373-R390)

Improved Sortable Initialization and Error Handling:

User Experience Improvements:

- Enhanced sortable initialization with error handling
- Added visual feedback for drag operations
- Fixed sort icons rendering issue
- Added proper placeholder styling
- Improved drag handle functionality
- Added XHR request failure recovery

Resolves form question ordering widget issues in Form Builder interface.
@rileyseaburg rileyseaburg self-assigned this May 23, 2025
@rileyseaburg rileyseaburg added enhancement New feature or request accessibility issues reporting accessibility errors labels May 23, 2025
@rileyseaburg rileyseaburg merged commit d0d0b45 into production May 23, 2025
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility issues reporting accessibility errors enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants