Input field doesn't render characters

[pastelsky]

Input field doesn't render characters

[kyeotic]

The characters are just white

[pastelsky]

Hmm.. that's strange. Do the characters appear if you wait for a while after page load, and then begin to type?

[Magellol]

The characters are definitely there but white, my bad I should have checked.
Althouth they don't change colors after waiting.

I see a css rule that makes them transparent though

bundlephobia/client/components/AutocompleteInput/AutocompleteInput.scss

Line 14 in 596c4e0

color: rgba(0, 0, 0, 0);

This doesn't seem to apply the same way in incognito.

[pastelsky]

Which browsers seem to be affected, just chrome?

[Magellol]

Just tested in Firefox, Safari and Chrome Canary and it all seems well.
So I guess it's only Chrome 60 in normal mode? That seems oddly specific.

Edit: I'm using Chrome 61 now, same issue

[pastelsky]

So I tested this on Chrome 60 on a Mac and Windows, and don't see this issue happening there. There might be a browser extension that's causing issues ? (and hence it works for you in incognito / canary). Could try disabling them to see if it makes any difference?

Also, do you see any console errors?

[kyeotic]

@pastelsky this problem occurs for me at https://cost-of-modules.herokuapp.com/, but not https://bundlephobia.com/

[pastelsky]

https://cost-of-modules.herokuapp.com/ should be redirecting you the new site. If anyone would be helpful as to send as to send a snapshot of the style rules being applied, I can try debugging it.

[kyeotic]

The redirect seems to be working now, it wasn't forced the other day

…

On Tue, Sep 19, 2017 at 6:08 PM, Shubham Kanodia ***@***.***> wrote: https://cost-of-modules.herokuapp.com/ should be redirecting you the new site. If anyone would be helpful as to send as to send a snapshot of the style rules being applied, I can try debugging it. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#13 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABIeaJhpQvVULJ7HnsYm59JK7VCxIK_bks5skGWWgaJpZM4PWrnI> .

-- Timothy Kye

[Magellol]

I've disabled all my extensions and it didn't fix the issue.

The redirection is not forced on my end so I can access both sites separately and like @tyrsius said, the issue only happens on cost-of-modules.

Here's a list of all the styles computed for that input specifically:

background-attachment:
scroll
;
background-clip:
border-box
;
background-color:
rgba(0, 0, 0, 0)
;
background-image:
none
;
background-origin:
padding-box
;
background-position-x:
0%
;
background-position-y:
0%
;
background-repeat-x:
;
background-repeat-y:
;
background-size:
auto
;
border-bottom-color:
rgba(0, 0, 0, 0.15)
;
border-bottom-style:
solid
;
border-bottom-width:
1px
;
border-image-outset:
0px
;
border-image-repeat:
stretch
;
border-image-slice:
100%
;
border-image-source:
none
;
border-image-width:
1
;
border-left-color:
rgba(0, 0, 0, 0)
;
border-left-style:
none
;
border-left-width:
0px
;
border-right-color:
rgba(0, 0, 0, 0)
;
border-right-style:
none
;
border-right-width:
0px
;
border-top-color:
rgba(0, 0, 0, 0)
;
border-top-style:
none
;
border-top-width:
0px
;
box-sizing:
border-box
;
color:
rgba(0, 0, 0, 0)
;
cursor:
auto
;
display:
inline-block
;
font-family:
"Source Code Pro", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace
;
font-size:
38.4px
;
font-stretch:
normal
;
font-style:
normal
;
font-variant-caps:
normal
;
font-variant-ligatures:
normal
;
font-variant-numeric:
normal
;
font-weight:
300
;
height:
69px
;
letter-spacing:
normal
;
line-height:
38.4px
;
margin-bottom:
0px
;
margin-left:
0px
;
margin-right:
0px
;
margin-top:
0px
;
overflow-x:
visible
;
overflow-y:
visible
;
padding-bottom:
10px
;
padding-left:
20px
;
padding-right:
50px
;
padding-top:
10px
;
text-align:
center
;
text-indent:
0px
;
text-rendering:
auto
;
text-shadow:
none
;
text-size-adjust:
100%
;
text-transform:
none
;
user-select:
text
;
width:
621.922px
;
word-spacing:
0px
;
writing-mode:
horizontal-tb
;
-webkit-appearance:
none
;
-webkit-box-direction:
normal
;
-webkit-rtl-ordering:
logical
;
-webkit-border-image:

[pastelsky]

You should be getting redirected to bundlephobia.com from the previous website. If you were still seeing the older site, it was probably due to the local service worker installation. I've unregistered it, let me know if the redirect works.

[Magellol]

This is fixed on my end. Getting the redirection and the characters now are fine 👍

[pastelsky]

Closing this since the issue seems to be resolved. Feel free to open it if you it happening again.