css - Why does Safari hide my text unless I add opacity .99? -
i have text in app safari (for mac, version 10.0 (11602.1.50.0.10)) not show unless set opacity .99 (there may other hacks, haven't tried find them all). can text appear if fiddling in styles dev tools panel (e.g. set color red), though of course change persists until refresh page. know why is, or safari bug? correct text value present in html if inspect safari's dev tools. visible in chrome , other browsers.
for context, ember mobile page , text substituted handlebars.js. using sass. don't think of relevant, it's included completeness.
element's computed properties according safari:
-webkit-font-smoothing: antialiased; -webkit-user-select: none; box-sizing: border-box; color: rgb(0, 182, 136); display: block; font-family: -apple-system, blinkmacsystemfont, 'segoe ui', roboto, oxygen, ubuntu, cantarell, 'fira sans', 'droid sans', 'helvetica neue', sans-serif; font-size: 15.333333015441895px; font-style: normal; font-weight: normal; height: 22px; letter-spacing: -0.36000001430511475px; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-rendering: auto; vertical-align: middle; white-space: nowrap; width: 8.46875px; parent's computed properties according safari:
-webkit-box-align: center; -webkit-font-smoothing: antialiased; -webkit-user-select: none; align-content: center; align-items: center; box-sizing: border-box; color: rgb(68, 68, 68); display: flex; font-family: -apple-system, blinkmacsystemfont, 'segoe ui', roboto, oxygen, ubuntu, cantarell, 'fira sans', 'droid sans', 'helvetica neue', sans-serif; font-size: 15.333333015441895px; font-style: normal; font-weight: normal; height: 32px; letter-spacing: -0.36000001430511475px; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-rendering: auto; white-space: nowrap; width: 46.46875px;
Comments
Post a Comment