跳到主要内容
ArcBlock Community

Missing Interaction Highlights & UI Feedback

JM “cryptotestnet” Morales
支持
arcspherebugfeatureux

Issue Summary

The interface fails to provide visual feedback (highlights or animations) when a user interacts with the action menu or copies links. This lack of "state change" creates a confusing user experience where it is unclear if a command has been registered.

Environment Details

  • App: ArcSphere / ArcBlock Community Mobile Web
  • Device: Android (based on navigation bar)
  • Date: February 27, 2026
  • Reference File: Screen_Recording_20260227_051023.mp4

Description of the Bug

When navigating the ArcBlock Community menu (overlay/bottom sheet), the following issues were observed:

  1. No Selection Highlight: When tapping items like "Copy Link" or "Add to Context," the button background does not change color or provide a ripple effect.
  2. No Success Animation: Upon clicking "Copy Link," the system displays a "Copy to clipboard success" toast message, but the text itself or the button provides no visual confirmation of the trigger.
  3. Static UI State: The UI remains static throughout the interaction, failing to meet modern accessibility and feedback standards for mobile interactions.

Steps to Reproduce

  1. Open the ArcBlock Community platform.
  2. Navigate to a specific discussion (e.g., "Age Rating Inconsistency").
  3. Trigger the bottom action menu.
  4. Tap on "Copy Link" or "Marked Text".
  5. Observe the lack of visual "pressed" states or highlighting on the menu items.

Expected Behavior

  • Active State: Buttons should show a temporary highlight, darken, or display a ripple effect when touched.
  • Visual Confirmation: The selected item should briefly change state to confirm the specific action was registered before the menu closes or the toast appears.

Actual Behavior

The menu items are non-responsive visually. While the functional backend works (toast message appears), the UI appears "dead" during the physical tap event.

Suggested Improvement

  • Implement a CSS :active or :focus state for menu list items.
  • Add a standard Material Design ripple effect or a subtle opacity shift ($0.1$ to $0.2$ alpha) upon touch.
回复