Rumah  >  Soal Jawab  >  teks badan

Macbook Safari memaparkan teks tersembunyi/limpahan sebagai disusun

Saya menggunakan Amplify UI dalam perpustakaan React dan membuat kad yang memaparkan pengguna dan beberapa maklumatnya. Walau bagaimanapun, jika mereka mempunyai terlalu banyak maklumat, limpahan terputus dan boleh dilihat pada halaman lain. Semuanya kelihatan baik kecuali untuk beberapa Macbook pengguna. Saya keliru kerana saya tidak mengalami masalah ini walaupun dengan Iphone saya.

Kad pengguna sepatutnya kelihatan seperti ini:

Tetapi pada MacBook sesetengah orang, ia kelihatan seperti ini:

Sila abaikan tanda merah maklumat peribadi.

Begini cara saya memanggil Amplify pada komponen yang dijana daripada kod Figma:

Bio: {
                    overflow: "fade",
                    style: {
                      WebkitOverflowScrolling: "touch", // for webit browsers to prevent stacked letters
                      whiteSpace: "nowrap",
                    },
                    maxHeight: "80px",
                    fontSize: { base: ".875rem", medium: ".875rem" },
                  },
                  Subjects: {
                    alignItems: "flex-start",
                    overflow: "clip",
                    style: {
                      WebkitOverflowScrolling: "touch", // for webit browsers to prevent stacked letters
                      whiteSpace: "nowrap",
                    },
                    maxHeight: "60px",
                    wrap: "wrap",
                    gap: "xs",
                    alignContent: "flex-start",
                  },

Berikut ialah coretan kod komponen yang dijana oleh Amplify:

<Flex
          gap="4px"
          direction="row"
          width="unset"
          height="unset"
          justifyContent="flex-start"
          alignItems="center"
          shrink="0"
          position="relative"
          padding="0px 0px 0px 0px"
          children={subjects}
          {...getOverrideProps(overrides, "Subjects")}
        ></Flex>
...
<Text
          fontFamily="Inter"
          fontSize="16px"
          fontWeight="400"
          color="rgba(48,64,80,1)"
          lineHeight="24px"
          textAlign="left"
          display="block"
          direction="column"
          justifyContent="unset"
          width="unset"
          height="unset"
          gap="unset"
          alignItems="unset"
          shrink="0"
          alignSelf="stretch"
          position="relative"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          isTruncated={true}
          children={tutor?.bio}
          {...getOverrideProps(overrides, "Bio")}
        ></Text>

Adakah terdapat apa-apa lagi yang boleh saya tambahkan pada bekas ini supaya safari MacBook kini memaparkan maklumat bertindan?

P粉466909449P粉466909449225 hari yang lalu494

membalas semua(1)saya akan balas

  • P粉287726308
  • Batalbalas