VP-2 UI: Order ticket submit button on /trade tab requires scrolling to reach; key action is below the fold on desktop #348

New issue

Closed

opened 2026-06-09 13:09:19 +00:00 by totdking · 10 comments

totdking commented

2026-06-09 13:09:19 +00:00

(Migrated from gitlab.com)

No description provided.

totdking commented

2026-06-09 13:19:11 +00:00

(Migrated from gitlab.com)

Summary

On the /trade page, the "Place Limit" submit button is not visible without scrolling on the right-hand order ticket panel. Above the fold, the panel shows the chart, pair selector, order type toggle (Limit/Market), and maker side direction buttons (Buy EMBER / Buy CORAL). The price input and submit button sit below this, requiring the user to scroll down within the panel before they can submit an order. On a CEX-grade interface, the submit action should be reachable without scrolling.

Observed behavior

Visible on first view without scrolling (right panel):

Pair selector (BASE: EMBER / QUOTE: CORAL)
Order type toggle (LIMIT / MARKET)
Maker side direction buttons (BUY EMBER / BUY CORAL)
Best Bid / Best Ask display
Resting order section header

Requires scrolling to reach:

Price input field
"Place Limit" submit button

Reproduction steps

Navigate to /trade on LocalTerra at a standard desktop viewport (1280px or wider)
Select a pair (e.g. EMBER/CORAL)
Select LIMIT order type
Observe the right-hand order ticket panel
Note that the price input and "Place Limit" button are not visible without scrolling down

Expected behavior

The submit button should be visible and reachable without scrolling on desktop. At minimum, after selecting order direction and entering a price, the user should be able to submit without losing sight of the action button. A sticky footer for the submit button, or a more compact vertical layout for the configuration steps, would address this.

Actual behavior

The "Place Limit" button is below the fold on the order ticket panel. The user must scroll down to reach it after configuring the order direction and price.

Screenrecord

{width=900 height=552}

The main takeaway here is that key buttons are not together and a scroll is needed to get it in view. But as the checklist states, key buttons should be visible without scrolling.

Impact assessment

Fails the CEX-grade standard that key actions are reachable without scrolling

Environment

Chain: localterra
LCD: http://localhost:1317
Wallet: Keplr (Terra Classic)
Browser: Chromium
Page: /trade
Viewport: desktop (standard width)
Network throttle applied: No

Severity: P2(Polish) -- UX degradation on the primary trading flow; does not affect correctness or fund safety.

Related checklist items: VP-2

cc: @PlasticDigits

### Summary On the `/trade` page, the "Place Limit" submit button is not visible without scrolling on the right-hand order ticket panel. Above the fold, the panel shows the chart, pair selector, order type toggle (Limit/Market), and maker side direction buttons (Buy EMBER / Buy CORAL). The price input and submit button sit below this, requiring the user to scroll down within the panel before they can submit an order. On a CEX-grade interface, the submit action should be reachable without scrolling. --- ### Observed behavior Visible on first view without scrolling (right panel): - Pair selector (BASE: EMBER / QUOTE: CORAL) - Order type toggle (LIMIT / MARKET) - Maker side direction buttons (BUY EMBER / BUY CORAL) - Best Bid / Best Ask display - Resting order section header Requires scrolling to reach: - Price input field - "Place Limit" submit button --- ### Reproduction steps 1. Navigate to `/trade` on LocalTerra at a standard desktop viewport (1280px or wider) 2. Select a pair (e.g. EMBER/CORAL) 3. Select LIMIT order type 4. Observe the right-hand order ticket panel 5. Note that the price input and "Place Limit" button are not visible without scrolling down --- ### Expected behavior The submit button should be visible and reachable without scrolling on desktop. At minimum, after selecting order direction and entering a price, the user should be able to submit without losing sight of the action button. A sticky footer for the submit button, or a more compact vertical layout for the configuration steps, would address this. --- ### Actual behavior The "Place Limit" button is below the fold on the order ticket panel. The user must scroll down to reach it after configuring the order direction and price. --- ### Screenrecord ![Screen Recording 2026-06-09 at 14.16.06.mov](/uploads/e7f83b0c235ed3cf866b5764127a571b/Screen_Recording_2026-06-09_at_14.16.06.mov){width=900 height=552} The main takeaway here is that key buttons are not together and a scroll is needed to get it in view. But as the checklist states, key buttons should be visible without scrolling. --- ### Impact assessment - Fails the CEX-grade standard that key actions are reachable without scrolling --- ### Environment - Chain: localterra - LCD: [http://localhost:1317](http://localhost:1317) - Wallet: Keplr (Terra Classic) - Browser: Chromium - Page: `/trade` - Viewport: desktop (standard width) - Network throttle applied: No --- **Severity:** P2(Polish) -- UX degradation on the primary trading flow; does not affect correctness or fund safety. **Related checklist items:** VP-2 cc: @PlasticDigits

totdking commented

2026-06-09 14:57:01 +00:00

(Migrated from gitlab.com)

mentioned in issue #291