Icons appears only after resize windows #4899

Open
Nexmind opened this Issue Jan 10, 2017 · 2 comments

Projects

None yet

2 participants

@Nexmind
Nexmind commented Jan 10, 2017

Hi !

I'm using Semantic-UI with Angular 2. Each time i load a component with some icons, they dont appear directly. I need to refresh or resize the windows (in mobile size for example) and icons appear. After that, when i come back to full size is ok.

This problem is not present on all Browser. Only for Chrome and Safari. Work perfectly on Firefox and Opera.

First:
capture d ecran 2017-01-10 a 22 08 35

After refresh or resize windows:
capture d ecran 2017-01-10 a 22 08 48

@sunnykgupta

Any fiddle with the issue replicated? Could help us get an idea of what exactly is going on.

@Nexmind
Nexmind commented Jan 14, 2017 edited

It seems to be bugged when i put the icon in a h2 tag. The icon is right when i remove the h2 tag

Working: <i class="circular user icon"></i> Données personnelles

capture d ecran 2017-01-14 a 14 39 44

Not working: <h2 class=""> <i class="circular user icon"></i> Données personnelles </h2>

capture d ecran 2017-01-14 a 14 42 29

I have the same issue ii i put the icon in a div tag with a class changing the text-size.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment