263000 2023-10-10 21:18:25 -0700 Trig function sometimes requires calc() wrapper to work 2023-10-11 04:23:28 -0700 1 1 1 Unclassified WebKit CSS Safari 16 Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 janeori webkit-unassigned ahmad.saleem792 oldest_to_newest 1984215 0 janeori 2023-10-10 21:18:25 -0700 I am unsure of why or what causes this to happen, but I have a reduced test case where calc() must be wrapped around a tan() call to work in Safari https://codepen.io/propjockey/pen/Jjwwwmo?editors=1100 The screen size will be shown in the preview, though it only shows 0 x 0 in Safari (this works in Chrome) If you replace lines 10 and 11 of the css panel with the same code wrapped in calc(): ``` --px-width: calc(tan(atan2(var(--100vw), 1px))); --px-height: calc(tan(atan2(var(--100vh), 1px))); ``` then the values will begin working as expected. No matter what values are passed into atan2() on lines 10 and 11, whether it has units or not, the tan() result is always 0 until it's wrapped in calc Thank you for your time! // Jane 1984217 1 janeori 2023-10-10 21:40:44 -0700 Here is a better reduction of the test case https://codepen.io/propjockey/pen/rNoRayv/ccd8e39e0c5cf9c71007a76c643ef40c?editors=0100 1984264 2 ahmad.saleem792 2023-10-11 04:23:28 -0700 (In reply to Jane Ori from comment #1) > Here is a better reduction of the test case > > https://codepen.io/propjockey/pen/rNoRayv/ > ccd8e39e0c5cf9c71007a76c643ef40c?editors=0100 It works in Safari Technology Preview 180. So it is already fixed upstream and both show '100 100' rather than '0 100' in Safari 17. Marking this as 'RESOLVED CONFIGURATION CHANGED'. Appreciate if someone can mark and add relevant commit for reference.