react / react/react-native

TextInput with TextAlign on iOS does not add ellipsis instead wraps

Aberta
#29,068 37 comentários 33 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Component: TextInput Needs: Attention Needs: Environment Info Platform: iOS
Linguagem predominante
C++
Estrelas
127k
Forks
25.3k
Merge médio
1d 23h
PRs com merge (30d)
4

Descrição

import React, { PureComponent } from 'react';
import {Text, TextInput, View} from 'react-native';

const App = () => {
  return (
    <View style={{flex: 1, justifyContent: 'center'}}>
      <View>
        <Text>Text Input without alignment</Text>
        <TextInput style={{padding: 10, margin: 20, borderColor: 'grey', borderWidth: 1}}/>
        <Text>Text Input with right alignment</Text>
        <TextInput textAlign={'right'} style={{padding: 10, margin: 20, borderColor:  'grey', borderWidth: 1}}/>
      </View>
      <TextInput/>
    </View>);
};

export default App;

Write some long text into the first field with spaces.
image

Write similar text into the second field.
image

Unfocus second input
Expected: both fields will have ellipsis at the end
Actual: second input with textAlign doesn't have ellipsis.

Android app works in a different way:
It never shows ellipsis but if you type a long string it always shows the end of it and never beginning. I guess it should move to begin when unfocused.

react: 16.11.0 => 16.11.0
react-native: 0.62.1 => 0.62.1

Guia de contribuição

Abrir o guia de contribuição

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.

Direção de pesquisa

Comece reproduzindo o problema com o exemplo de React Native App fornecido, concentrando-se no ponto de entrada do TextInput e comparando campos sem foco com e sem textAlign. Verifique o comportamento do TextInput no iOS e no Android para textos longos separados por espaços. Considera-se concluído quando o campo de entrada alinhado tratar o overflow conforme especificado no iOS e o comportamento da plataforma estiver esclarecido ou coberto por um teste de regressão.

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

Avaliação

Stack de tecnologia
android, ios, react-native
Domínio
mobile
Tipo de issue
Bug
Dificuldade
4/5
Tempo estimado
3-5 dias
Status de atividade
Pouca atividade
Clareza
Razoavelmente clara
Facilidade para iniciantes
45/100

Receba novas issues na sua caixa de entrada

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