cromo navegador móvil no muestra mis div o datos de resultados

James Vance:

Tengo el siguiente fragmento de código Reaccionar en mi sitio web que muestra los resultados de la búsqueda Divisiones sólo si existen los resultados de búsqueda. Los límites de back-end resultados a sólo 20 elementos de búsqueda a la vez, y cada elemento es un diccionario con sólo tres pares de valores clave.

Esto funciona perfectamente en todos los navegadores de escritorio y también Firefox en Android. Pero en Android Chrome los resultados de búsqueda nunca muestran . He intentado cambiar la pantalla para siempre bloque, dejando que la altura y la anchura es indefinido, y un montón de diferentes cambios de formato.

¿Hay algo relacionado con div altura o datos que para el móvil Chrome? Alguien ha encontrado esto?

<div
  style={{
    height: 150,
    width: "100%",
    overflowY: "scroll",
    display: this.props.hasSearchResults ? "" : "None"
  }}
>
  {/* switch to a div */}
  {/* <List> */}
  {this.props.search_results.map((result, idx) => (
    <div>
      <IconButton
        size="small"
        edge="end"
        onClick={event => {
          this.handleMenuAdd(event, result);
        }}
        style={{height: "100%"}}
      >
        <AddIcon
          style={{margin: "auto"}}
          fontSize="small"
        />
      </IconButton>
      <Typography
        style={{verticalAlign: "bottom"}}
        noWrap={true}
        // display="block"
        variant="caption"
      >
        {result.name}
      </Typography>
      <Typography
        variant="caption"
        style={{marginLeft: 10}}
        noWrap={true}
      >
        {result.item_type}
      </Typography>
    </div>
  ))}
</div>

James Vance:

Gracias a todos por su atención y de entrada. El problema era serverside. Simplemente no fue en minúscula la consulta de búsqueda. En Chrome la entrada estaba siendo automáticamente en mayúscula y en Firefox no lo era. Sintiéndose tonto, pero dejará esto aquí por si alguien necesita para verlo.