required Textfield when presented in Safari 16.3 it'll show as ` *

When I use a
<TextField
label="your email"
required
<TextField
label="your email"
required
in a form, on Safari 16.3 it'll show as  *: While in latest Safari 16.5, it'll use a normal blank space/ The page has a <meta charset="utf-8"> meta tag.
6 Replies
Bersaelor
BersaelorOP2y ago
Compared to Safari 16.5:
Bersaelor
BersaelorOP2y ago
It looks fine on all chrome versions I tested. I'm a little lost what could be causing this, since technically the <meta charset="utf-8"> is set
Bersaelor
BersaelorOP2y ago
if the user who has the issue forces the page to utf-8, via View -> text encoding, the issue goes away too. So maybe the
<meta charset="utf-8">
<meta charset="utf-8">
doesn't really register?
Bersaelor
BersaelorOP2y ago
when I ask the console for document.characterSet it returns windows-1252
Bersaelor
BersaelorOP2y ago
I don't think it says anything about the formatting there
Bersaelor
BersaelorOP2y ago
let me log into aws and see if I can adjust that in Cloudfront it's weird because other sites are document.characterSet: utf-8 and I have set them up the exact same way their response is header is also just text/html I mean, when I check other sites with the same setup (Cloudfront +S3 origin), when I check in the browser and print document.characterSet I get utf-8 i think solid-start is only adding the meta-tag after the page is loaded. If I load my other solid-sites, I get index.html like this:
<!DOCTYPE html>
<html lang="en">

<head>
<meta data-sm="0-0-0-0-0-0-0-0-0-0-1-0" charset="utf-8" />
<!DOCTYPE html>
<html lang="en">

<head>
<meta data-sm="0-0-0-0-0-0-0-0-0-0-1-0" charset="utf-8" />
in Postman if I load the new page that I created with solid-start and plugins: [solid({ ssr: false }) when I fetch the page in Postman, all I have is:
<!DOCTYPE html>
<html>
<script async type="module" crossorigin src="/assets/index-a7d8f1c2.js"></script>
<link rel="stylesheet" href="/assets/index-9cee657a.css">

<body></body>

</html>
<!DOCTYPE html>
<html>
<script async type="module" crossorigin src="/assets/index-a7d8f1c2.js"></script>
<link rel="stylesheet" href="/assets/index-9cee657a.css">

<body></body>

</html>
solid-start doesn't have a index.html anymore that we can edit, it's only created ephemerally when we call npm run build yup, well safari 16.5 won't , but safari 16.3 (and earlier I assume) will go windows-1252 would be nice if we had a way to set the <meta charset header in solid-start. I think since the initial page has no meta header, before the js executes, safari might make up it's own mind? yeah but I never had to set the content-type header before (explicitly) using the following as part of the CI script now:
aws s3api copy-object --bucket BUCKETNAME --region us-east-1 --content-type "text/html; charset=utf-8" --copy-source BUCKETNAME/index.html --key index.html --metadata-directive "REPLACE"
aws s3api copy-object --bucket BUCKETNAME --region us-east-1 --content-type "text/html; charset=utf-8" --copy-source BUCKETNAME/index.html --key index.html --metadata-directive "REPLACE"
Want results from more Discord servers?
Add your server