Skip to content

Mobile friendly website for Handbook and Documentation #3270

Closed
@dabbmedia

Description

@dabbmedia

The content of the Typescript Handbook that I read was pretty good, but it is not possible to read on mobile (especially in portrait view).

It would be great to read about Typescript when I am stranded away from my laptop. However, when loading or rotating a page to portrait, the text does not re-justify and flows off the screen. When attempting to pinch to zoom out, the page throws an error and cannot even load the page.

It seems like having a web page readable on mobile screens is the most basic requirement in 2024, and it's a bit infuriating trying to simply review the docs.

It also makes one question the validity/stability of the language itself, if the documentation website can't even work correctly (as it seems most would assume the docs website is built with Typescript).

I remember having this issue with the site a few years ago, surprised the problem persists.

Image
Image

Activity

JatinSainiOO7

JatinSainiOO7 commented on Nov 25, 2024

@JatinSainiOO7

can work on this

alexdev888

alexdev888 commented on Dec 1, 2024

@alexdev888

I found this website to read docs on mobile: https://devdocs.io/typescript/

rohitaryal

rohitaryal commented on Jan 30, 2025

@rohitaryal

This also seems to be an issue for desktop browsers.
This CSS snippet fixes it.

article .whitespace.raised {
    width: fill-available;
    width: -moz-available;
    width: -webkit-fill-available;
}

Here's quick js userscript to test it.

cachesdev

cachesdev commented on Mar 15, 2025

@cachesdev

The site is still unusable in mobile.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      Participants

      @dabbmedia@alexdev888@cachesdev@JatinSainiOO7@rohitaryal

      Issue actions

        Mobile friendly website for Handbook and Documentation · Issue #3270 · microsoft/TypeScript-Website