モバイルChromeブラウザは、私のdivや結果データを表示しません。

ジェームズ・ヴァンス：

私は、ショーは、検索結果には、検索結果が存在する場合にのみDIVというのが私のウェブサイト上のコードを反応させるの次の部分を持っています。バックエンドの制限は、一度に20項目の結果を検索し、各項目は、3つだけのキーと値のペアと辞書です。

これは、すべてのデスクトップブラウザとAndroidにもFirefoxの上で完璧に動作します。しかし、AndroidのChromeで検索結果が表示されません。私は高さをさせる、常にブロックに表示を変更しようとしたと定義されませ幅、異なる書式設定の変更のトン。

そこに何かがモバイルクロームに表示さdivの高さやデータに関連していますか？誰もがこれに遭遇していますか？

<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>

ジェームズ・ヴァンス：

あなたの注意と入力ありがとうございました。問題は、サーバーサイドでした。これは単に、検索クエリを小文字にいませんでした。Chromeの入力が自動的に大文字にされていたとFirefoxにはそれがありませんでした。愚かな感じが、それを見るためにケースの他の誰かのニーズにここにこれを残します。