El posicionamiento de anclaje de CSS se lanzó en Chrome 125. Esta primera versión de la API disponible para el público generó debates adicionales sobre la sintaxis . Como resultado de esa discusión, se realizaron algunos cambios leves desde el lanzamiento de la función. Si ya probaste el posicionamiento de anclas de CSS, en esta publicación se explican los cambios que debes realizar en tu código o el contenido sobre el posicionamiento de anclas.
Hay dos cambios de nombre de propiedades principales que debes tener en cuenta:
- El nombre de
inset-area
cambió porposition-area
. El grupo de trabajo de CSS prefirió este cambio de nombre porque la fraseposition-
te ayuda a recordar que esta propiedad se aplica al elemento posicionado, no al elemento de anclaje. Este cambio comenzará en Chrome 129, yinset-area
será compatible hasta Chrome 131 para que tengas tiempo de actualizar las demostraciones o los artículos que tengas. - El nombre de
position-try-options
cambió porposition-try-fallbacks
. Este cambio de nombre te ayuda a recordar que estos son solo resguardos para la posición principal, que se determina según los estilos base. Este cambio se envió con Chrome 128 yposition-try-options
ya no funciona a partir de la versión 128. Te recomendamos que uses la abreviatura (cambiarla aposition-try
), que funciona desde Chrome 125 y no ha cambiado.
También hay un cambio de comportamiento adicional:
- Se quitará la sintaxis funcional
inset-area()
deposition-try
. Por lo tanto, usaposition-try-fallbacks: top
en lugar deposition-try-fallbacks: inset-area(top)
. Este cambio también comenzará en Chrome 129.
Obtén más información sobre el uso del posicionamiento de anclas aquí: