Webbrowsercomponent not displaying range input type?

Surely I’m doing something wrong here, but I can get my WebBrowserComponent to display properly? I’m trying to load a very simple page:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input type="range" min="1" max="100" value="50">
</body>
</html>

It should render like this:

image

but actually looks like this:

image

Anyone have any ideas? It feels like I’ve somehow built a browser to the past…

p.s. the JUCE demo web browser also renders this as a text box…