Can't attach label to editor

Aberta
  • Algo errado?
#751 1 comentário 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
42/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Use o snippet fornecido de TypeScript/React App como ponto de entrada para a reprodução e, em seguida, inspecione como o componente CodeMirror lida com sua prop id e com o DOM do editor. Está concluído quando clicar no label com for="test" focaliza o editor neste exemplo; nenhum arquivo de teste é nomeado na issue.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

In the following snippet, I cannot click on the label and get the cursor to jump into the editor:

import React, { useState } from "react";
import CodeMirror from "@uiw/react-codemirror";
import { javascript } from "@codemirror/lang-javascript";

export default function App() {
  const onChange = React.useCallback((value, viewUpdate) => {
    console.log("value:", value);
  }, []);
  return (
    <div>
      <label for="test">Test</label>
      <CodeMirror
        id="test"
        value="console.log('hello world!');"
        height="200px"
        theme="dark"
        extensions={[javascript({ jsx: true })]}
        onChange={onChange}
      />
    </div>
  );
}
Linguagem predominante
TypeScript
Estrelas
2.3k
Forks
162
Nenhum PR com merge em 30d

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de uiwjs/react-codemirror

Todas as issues de uiwjs/react-codemirror

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.