Que no sean INPUTS #33

New Issue

AlexRG · 2026-01-23T21:04:28Z

AlexRG commented

2026-01-23 21:04:28 +00:00

Tienen que ser contentEditable por eso se corta el nombre, se puede hacer más grande el input pero es mejor que sea contentEditable

Tienen que ser contentEditable por eso se corta el nombre, se puede hacer más grande el input pero es mejor que sea **contentEditable** <img width="1022" alt="image.png" src="attachments/cf2258cb-a100-4e49-a370-b14c4bd8d9fb"> <img width="958" alt="image.png" src="attachments/7fd7a92a-330a-42d3-8341-9bbf27a5293f">

image.png

25 KiB

image.png

20 KiB

AlexRG added the bug label 2026-01-23 21:04:38 +00:00

roberto.silva was assigned by AlexRG

2026-01-23 21:04:46 +00:00

roberto.silva closed this issue

2026-01-26 16:19:12 +00:00

AlexRG commented

2026-01-27 20:53:53 +00:00

Que no sean inputs debe ser contentEditable

Este NO ES EL TRUCO. El truco es usar contentEditable

    <input
      type="text"
      value={textValue}
      // El truco es usar el atributo "size" o calcular el ancho dinámicamente
      style={{ width: `${Math.max(textValue.length, 1)}ch` }}
      onChange={(e) => onSave(e.target.value)}
      onBlur={(e) => onSave(e.target.value)}
      className={`border-none bg-transparent outline-none focus:ring-2 focus:ring-blue-400 ${className ?? ''}`}
    />

c15e2f941d

Que no sean inputs debe ser contentEditable <img width="1069" alt="image.png" src="attachments/c19eaed9-f5b4-4a4d-a563-4fe1aed143f1"> Este NO ES EL TRUCO. El truco es usar contentEditable ```jsx <input type="text" value={textValue} // El truco es usar el atributo "size" o calcular el ancho dinámicamente style={{ width: `${Math.max(textValue.length, 1)}ch` }} onChange={(e) => onSave(e.target.value)} onBlur={(e) => onSave(e.target.value)} className={`border-none bg-transparent outline-none focus:ring-2 focus:ring-blue-400 ${className ?? ''}`} /> ``` https://github.lci.ulsa.mx/Guillermo.Arrieta/acad-ia-2/commit/c15e2f941dcda3c29e3bbf3ded66086b38f2e467

image.png

44 KiB

AlexRG reopened this issue

2026-01-27 20:54:05 +00:00

AlexRG commented

2026-01-27 20:55:28 +00:00

Esto pasa cuando usas input y no contentEditable

Esto pasa cuando usas input y no contentEditable <img width="1193" alt="image.png" src="attachments/e112418a-ea8e-45fd-990b-5ea3e994905e">

image.png

84 KiB

roberto.silva referenced this issue from a commit

2026-01-27 21:57:04 +00:00