With new devices popping up all over now with different screens of shapes and sizes would it make more sense for these changes to have further clarity around different display shapes?
Some devices that don't fit this:
The cut off part of the screen here would have to be masked off leading to custom device profiling.
You could probably argue this is covered by the specification however it certainly highlights the issue further.
There is also the VR headset boundaries that could be handled by this too:
Issues for different screen shapes
- No media queries for the different device profiles
- Display is defined as
circle(50% at 50%, 50%) in a regular round display further clarity would be needed around display shape.
- Polar position doesn't always apply here
- Code example issue in Example 4
// the same as circle(50% at 50%, 50%) in a regular round display
This should likely just be
shape-inside: display; without the
- The Example 6 code is likely the wrong way around:
<div id="circle1" style="polar-angle: 0deg; polar-distance: 20%"></div>
<div id="circle2" style="polar-angle: 90deg; polar-distance: 50%"></div>
Polar distance should be swapped to be:
<div id="circle1" style="polar-angle: 0deg; polar-distance: 50%"></div>
<div id="circle2" style="polar-angle: 90deg; polar-distance: 20%"></div>
To match the image: