esperando que puedas responder una pregunta. Noté que el atributo de enfoque automático en un div editable no funciona en Firefox. Funciona en Chrome y Edge.
<!doctype html> <html lang="en-US"> <head> <title>Focus</title> <meta charset="utf-8"> </style> </head> <body> <div contenteditable autofocus><div> </body> </html>Si agrego algo de javascript antes de la etiqueta de cierre del cuerpo:
<script> window.onload = () => { // autofocus doesn't work in contenteditable, so add this javascript document.querySelector("[contenteditable]").focus(); } </script>Ahora veo el anillo de enfoque, pero FF en realidad no establece el enfoque. No hay cursor/intercalación y cuando escribo, no aparece nada en el div.
Así que agrego más javascript para poner una cadena vacía en el contenido de texto div. Todo el asunto ahora se ve así:
<!doctype html> <html lang="en-US"> <head> <title>Test<title> <meta charset="utf-8"> </style> </head> <body> <div contenteditable autofocus><div> <script> window.onload = () => { // autofocus doesn't work in contenteditable, so add this javascript document.querySelector("[contenteditable]").focus(); // firefox doesn't actually set focus without putting something in text content? document.querySelector("[contenteditable]").textContent = ""; } </script> </body> </html>Finalmente funciona.
Estoy en FF 95.0.1 en Ubuntu pero vi el mismo comportamiento en Windows 10. ¿Qué pasa? ¿Me estoy perdiendo de algo?