text-box-trim and text-box-edge in Canary behind a flag  #205

Activity

1. michaeltaranto commented on Jun 23, 2024

   

   michaeltaranto

   on Jun 23, 2024

   Contributor

   More actions

   Thanks for sharing, i'll try and summarise some thoughts:

   text-box-edge

   I find this property a little unpredictable. Setting the edge to cap or ex and not using the alphabetic baseline seems counter intuitive i feel, as both metrics are measured from this point.

   My opinion would be that both cap and ex set the bottom edge to alphabetic baseline by default.

   Note: The image below (used in Section 5.2 / Figure 5) I think would be more valuable if it used a font that had greater difference between the cap height and the ascender. This would help to illustrate the distinct edge values.

   

   ---

   So in the future the trim that Capsize provides could be:

   .text {
     text-box-edge: cap; // (assuming above feedback, means not requiring `alphabetic`)
     text-box-trim: both;
   }

   Let me know if you want to talk further about the above.
2. argyleink commented on Jun 24, 2024

   

   argyleink

   on Jun 24, 2024

   Author

   More actions

   great items of feedback! I've sent a summarization to the eng team as well as a link to this post. will post back here with any changes made due to the feedback, thanks! 🙏🏻

   ❤️React with ❤️1Reacted by Michael Taranto
3. michaeltaranto

   closed this as completedon Sep 12, 2024
4. fantasai

   added a commit that references this issue on Dec 13, 2024

   [css-inline-3] Mark issue wrt bad illustration #11364 #10703

   ...

   a88085d