---
name: Mi TV WebView Constraints
description: Technical limitations of Android 6 WebView on Mi TV — what works and what doesn't
type: feedback
---

Mi TV 4 PRO runs Android 6.0 (SDK 23) with an old WebView. The following DO NOT work:

- **CSS Grid** — use Flexbox with `-webkit-` prefixes instead
- **`backdrop-filter`** — skip entirely
- **`async/await`** — use `XMLHttpRequest` with callbacks (ES5 style)
- **HTTPS to external APIs** — SSL/TLS issues, old cert store. Proxy all external API calls through the VM and serve as local HTTP JSON files
- **DNS resolution** — can't resolve some domains (Cloudflare-proxied). Use direct IP addresses
- **Google Fonts via CDN** — HTTPS fails. Download fonts and serve locally as woff2
- **`cursor: none`** — hides the TV pointer/cursor making navigation impossible. Don't use it
- **CSS `::before`/`::after` with animations** — inconsistent. Use real DOM elements instead

**Why:** The TV's WebView hasn't been updated since 2018 and lacks modern web standards support.

**How to apply:** When editing the TV dashboard, always test with these constraints in mind. All JS must be ES5, all CSS must use flexbox + webkit prefixes, all external data must be proxied as local HTTP JSON files.