Why Your Submit Button Was Silent on Mobile (And How We're Fixing It)
Why Your Submit Button Was Silent on Mobile (And How We're Fixing It)
Version: 1.0.127 | Category: Mobile / Accessibility
The Problem
If you've ever tried to submit your quarterly MTD return on a phone or tablet and found the Submit button greyed out — with absolutely no explanation — you weren't missing something. The explanation was there; it just couldn't reach you.
On desktop, hovering over a disabled Submit button shows a tooltip like "HMRC not connected" or "Incomplete period data". This is built using a CSS hover pattern (group-hover:block), which works perfectly with a mouse cursor.
On touch devices — phones, tablets, anything without a mouse — there is no hover state. The tooltip is coded to appear on hover, so it never appears at all. The title HTML attribute used as a backup only shows as a long-press popup on iOS, which is inconsistent and easy to miss.
The result: mobile users see a disabled button and nothing else.
Why This Matters
The quarterly submission screen is one of the most important parts of the platform. It's where you send your property income and expenses data to HMRC via Making Tax Digital. When something blocks that submission — such as your HMRC connection not being set up, or a quarter not being ready — you need to know immediately and clearly.
Leaving mobile users without that context means:
- Confusion about whether the platform is broken or whether action is needed.
- No clear path to resolve the issue (e.g. reconnecting to HMRC via your National Insurance Number).
- A degraded experience for a large proportion of users who manage their finances on mobile.
What's Changing
The hover-only tooltip on the SubmitButton component is being replaced with a touch-friendly interaction — either a tap-toggled popover or an onClick-triggered toast/alert — so that the disabled reason is surfaced clearly on all devices.
Before
[Submit Button — disabled]
└─ tooltip: shown on mouse hover only
└─ title attribute: long-press only on iOS (inconsistent)
After
[Submit Button — disabled]
└─ tooltip/popover: shown on hover (desktop)
└─ toast or popover: shown on tap (mobile & tablet)
└─ message example: "HMRC not connected — go to Settings to link your account"
Affected Component
| File | Component |
|---|---|
src/app/dashboard/quarterly/quarterly-summary-dashboard.tsx | SubmitButton |
What You Should Do
No action is required from you. Once this fix is deployed, tapping the disabled Submit button on any touch device will show a clear message explaining what needs to be resolved before your quarterly return can be submitted to HMRC.
If you currently see a disabled Submit button and are unsure why, the most common reasons are:
- HMRC not connected — Go to Settings and link your account using your National Insurance Number.
- Quarter not ready — Ensure all transactions for the period have been imported and reviewed (including any imported from your AgentOS landlord record).
- Incomplete obligations — Check that the correct obligation period is selected in the quarterly summary view.