ProtoFluid

Known issues

Please note, I do not currently have access to a modern Android phone. If you spot any issues, particularly to do with viewport meta testing, please let me know.

• UI does not compensate for zoom via viewport meta adjustment.
• Reloading the page loses frames, UI state etc. The previous session should be restored.
• Stylesheet checkboxes don't update intuitively.
• Window clip/extend doesn't clip back to original height.
• Avoid huge meta viewport mods. Phone max viewport scale can't handle it.
• iPad dialogs don't activate.
• iPad horizontal scroll of multiple viewports doesn't work.
• Scroll-to-selector across multiple viewports can get out-of-sync.
• Horizontal document overflow slightly overlaps the bottom of viewports.
• A strict trusted type config can trip ProtoFluid up.
• Viewport color-scheme checkbox state not updated when apply-all is used in parent.
• Zoom is not great in Safari. Might disable it here.

Recently fixed

• Colour input styling in Safari is now consistent with other browsers.
• ProtoFluid button CSP violation due to injected <style> fixed. Switched to adopted stylesheet.
• Max-viewport height now compensates for viewport zoom on Chrome. Other browsers will enjoy this behaviour when attr() hits baseline.
• Viewport zoom now works in Firefox and Safari. Manual CSS until attr() support improves.
• ProtoFluid needed more time to load on slow devices before being shown. Upped from 9ms to 99ms.
• Viewport duplication is now working correctly.

What's next?

• A big run at the documentation.
• State persistence where it makes sense.
• Alternate language files.
• Contextual display of window width as well as viewport width.

Add-ons

The following add-ons are in development or under consideration.

If you can help fund ProtoFluid, please do.

• Mulit-viewport content editing.
• Presentation mode.
• Client preview links.
• Screen capture.
• CSS tool expansion.
• Tailwind tools.