LIVE PORTAL Telegram v11.8 API Synchronized Free Animated Stickers
shield_person ADMIN LOGGED IN + Write Guide
admin_panel_settings ADMIN CONTROLS Guide #10965 • tips
How Telegram Mini App Full-Screen Mode Works: Landscape Gaming, Desktop Scaling & Immersive Viewport APIs
fullscreen VIDEO GUIDE Mini App Ecosystem • Full-Screen Viewport

How Telegram Mini App Full-Screen Mode Works: Landscape Gaming, Desktop Scaling & Immersive Viewport APIs

Experience console-grade games, widescreen data dashboards, and interactive creative tools directly within Telegram. Explore Telegram Mini Apps' Full-Screen Mode with horizontal landscape orientation lock, desktop edge-to-edge scaling, and zero-distraction UI viewports.

stay_current_landscape
Landscape Orientation Lock

Mini apps can lock screen rotation to horizontal 16:9 widescreen, enabling immersive RPGs, racers, and complex spreadsheets.

desktop_windows
Native Desktop Scaling

Supported seamlessly across Telegram Desktop on Windows, macOS, and Linux with resizable window viewports and keyboard hotkeys.

sports_esports
Hardware & Motion APIs

Direct access to device accelerometers, gyroscopes, and WebGL GPU acceleration for zero-lag native gaming performance.

rocket_launch Overview: The Evolution From Bottom Sheets to Immersive Canvases

When Telegram first introduced Mini Apps (WebApps), they opened as slide-up bottom sheets over chat threads. While ideal for quick shopping carts or forms, bottom sheets restricted vertical real estate and prevented horizontal 16:9 layouts necessary for arcade gaming, video editors, and financial charts. Telegram's Full-Screen Mode unlocks the entire device display. By calling native viewport APIs, Mini Apps can hide the chat header, occupy the status bar area with dynamic safe insets, and programmatically rotate the viewport into landscape mode. This transforms Telegram into a lightweight, cross-platform gaming console and enterprise application runtime with over 950 million active users.

developer_mode Developer Architecture: Full-Screen & Orientation SDK Methods

Developers build Full-Screen Mini Apps using the official telegram-web-app.js SDK. Two primary methods handle full-screen lifecycle events:
Telegram WebApp SDK • Full-Screen Lifecycle Methods JavaScript SDK v7.10+
// Check SDK support and trigger edge-to-edge full-screen
if (window.Telegram.WebApp.isVersionAtLeast('7.10')) {
  // Request full-screen expansion
  window.Telegram.WebApp.requestFullscreen();

  // Lock orientation to landscape for games or video tools
  if (window.Telegram.WebApp.lockOrientation) {
    window.Telegram.WebApp.lockOrientation('landscape');
  }
}

// Event listener for viewport status changes
window.Telegram.WebApp.onEvent('fullscreenChanged', function() {
  console.log('Is Fullscreen:', window.Telegram.WebApp.isFullscreen);
});

// Safe Area Inset Handling for iOS Dynamic Island & Android Notches
const safeInsets = window.Telegram.WebApp.safeAreaInset;
document.body.style.paddingTop = safeInsets.top + 'px';
document.body.style.paddingBottom = safeInsets.bottom + 'px';

devices User Experience Across Mobile & Desktop Platforms

1

iOS Experience (iPhone & iPad)

Launching a full-screen mini app hides the navigation bar. If the app requests landscape mode, rotating your iPhone automatically re-flows the UI without showing browser navigation bars or Safari chrome. Tapping the three dots (…) in the corner or swiping down from the edge reveals standard Telegram quick controls.

2

Android Hardware-Accelerated Viewport

On Android devices with 120Hz displays, full-screen Mini Apps leverage Chromium-powered GPU rendering. The navigation pill disappears, giving your web application 100% of the OLED display. Haptic vibration feedback and gyroscope steering function natively.

3

Desktop & Web Scaling (PC & Mac)

On Telegram Desktop, mini apps open in standalone resizable windows. Clicking the maximize icon expands the app to fill your primary or secondary 4K monitor. Keyboard events (WASD, Spacebar, Arrow keys) map directly without browser shortcut conflicts.

compare Bottom Sheet vs Full-Screen Mode Comparison

Capability Standard Bottom Sheet Full-Screen Mode Impact on User Engagement
Aspect Ratio Fixed Portrait (Vertical) Portrait & Landscape (16:9 / 21:9) Essential for action gaming & videos
Screen Real Estate 70% – 85% of display 100% Edge-to-Edge Zero visual distraction
Hardware Sensors Standard Touch Accelerometer, Gyroscope & Motion Motion-steered driving & balance games
Desktop Support Fixed modal dialog Full desktop window maximization Seamless productivity on PC/Mac
Status Bar Overlap Reserved padding Dynamic safeAreaInset integration Clean, modern aesthetics
aspect_ratio
Interactive Mini App Viewport Sandbox

Toggle between portrait and full-screen landscape orientations to preview how mini apps adapt to responsive dimensions.

sports_esports
Portrait Mode
220 x 320 px

help Frequently Asked Questions

contact_support Can users easily exit Full-Screen Mode without getting trapped?

Yes. Telegram maintains strict user experience safeguards. In full-screen mode, a discreet collapse pill is available in the corner, and swiping inwards from the screen edge or tapping the system back button instantly restores the standard chat window.

contact_support Do Mini Apps have access to camera and microphone in Full-Screen Mode?

Yes, but only with explicit user permission. If a full-screen mini app requires camera or microphone input (for AR games, QR scanning, or voice chat), Telegram prompts the user with an explicit native system permission modal first.

contact_support Is Full-Screen Mode supported on both iOS and Android?

Yes. Full-Screen Mode and orientation locking are supported across iOS, Android, and official Telegram Desktop applications running the latest client versions.

admin_panel_settings ADMIN Guide #10965 Actions
Enlarged Preview
Click anywhere outside or press ESC to close viewer
smart_display Telegram Video Short
1080p HD
Official Source: @TelegramTips Post #44 Press ESC or click outside to close