This is true in Firefox and Chrome on Android as well.

I guess this is more desktop-centric than most other browser-based UIs - I mean, JetBrains is mostly developer tools, and most people don't use their phone for programming...

You hope...

What's broken is the Storybook UI which is only used to demo the components. The components themselves should work fine on any modern browser.

People use everything for programming. Android has the AWD ide which is not bad overall for development

Storybook is not supposed to be used on mobile, it's a desktop optimized UI.

Ok but the reason it is broken really has nothing to do with mobile vs desktop.

It sure seems like the only issues are those on mobile

It's a bug that manifests itself on mobile, but it probably does the same thing on desktop too if you shrink the window really small, and even if it doesn't, it's just a CSS big that is triggered by mobile browsers. There's nothing big that is preventing it from working fine on mobile. Most of the pages do work fine.

But then, how do you test components on mobile? Or are we not supposed to ask that?

Why would you test components that can only be reached on desktop on mobile? These are components to be used inside JetBrains IDE.

It sure seems like people are reaching this on mobile

JetBrains IDEs are not on mobile though. It doesn't matter if they're incidentally accessed on mobile if they're not actually designed to be used on mobile.

These components are not used inside any Jetbrains IDEs. Those IDEs are, of course, written in Java and cannot use a browser-based UI framework. This is for "our web-based products like YouTrack, Hub, TeamCity, and Upsource" (per the original release blog post for Ring UI). Those products support mobile.

They are using Chromium Embedded Framework inside JetBrains IDEs.

use this link for detached view: https://jetbrains.github.io/ring-ui/master/iframe.html?id=co...

Interestingly enough, it doesn't work on mobile because you can't scroll the vertical sections properly.

On the toolbar their is a button to change the viewport size to 3 options small mobile, large mobile or tablet

Do you use JetBrains software on mobile? This is for building stuff inside JetBrains.

I don't, but I do use, and am interested in, their software. So it's a bit disappointing to see a link to their site while using hn on mobile, only to get to a page that's isn't that doesn't display anything useful.

But the components are not supposed to work on mobile so what is there to see?

You seem to assume that everybody on this website knows what Ring UI is. But I didn't know and judging from quite a few other comments here, I wasn't the only one. All we had to go by was the title "JetBrains Ring UI" and a comment stating that a date picker looks nice. Without any kind of description it's not that weird to assume a website with a datepicker works decently on mobile.

I wouldn't be investing effort improving the mobile browser behavior of desktop oriented controls for the benefit of making it a better HN submission.

I think you've missed the point of the previous comment.

So, these are components for building their IDEs? They can't be used for anything else?

JetBrains has web applications which is where these are used - YouTrack, Space, TeamCity.

I'd totally use them on my mobile devices if versions for them existed. They're just too convenient even though they lack a keyboard. Wish I could use them to write software.