Some elements are failing to display in ios8/8.1

[arenoir]

I noticed fixed headers were not being rendered in my application

I have tested it on the following.

• Does not render on all phones in the ios 8.1 simulator.
• Renders fine on all phones in the ios 7.1 simulator.
• Does not render on real iphone 5 (D654LL/A) with ios 8.1(12B411)
• Renders fine on real iphone 4 (MD146LL/A) with ios 7.1.2(11D257)

Here is a screen shot of the move finder example failing to render correctly.
http://goratchet.com/examples/app-movies/

The strangest thing is it renders ok when it is previewed between switching windows.

Any ideas?

[connors]

Yeah this is an issue with our use of position: fixed; for all our .bar components. It has seemed to be more and more of a problem lately. Will look into it soon.

[arenoir]

Looking forward to seeing what you find. I noticed that it seems to happen when using javascript to append position: fixed; elements to the dom.

[cocoademon]

As a brief workaround, changing the following appears to help:

(base.scss)

// Hack to force all relatively and absolutely positioned elements still render while scrolling
// Note: This is a bug for "-webkit-overflow-scrolling: touch"
.content > * {
  @include transform(translateZ(0));
}

to:

.content > * {
  @include transform(translateZ(1));
}

[arenoir]

@ccoademon that works thanks!

[fireliuwei]

I change the ratchet.css like:

.content > * {
  -webkit-transform: translateZ(1);
      -ms-transform: translateZ(1);
          transform: translateZ(1);
}

but it does not work.why?thanks

[cocoademon]

Maybe try:

.content > * {
-webkit-transform: translateZ(1);
-ms-transform: translateZ(1);
transform: translateZ(1);
}

On 12 December 2014 at 20:10, fireliuwei notifications@github.com wrote:

I change the ratchet.css like:
.content > * {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(1);
}
and it does not work.why?

Reply to this email directly or view it on GitHub
#724 (comment).

Cameron Foale
cameron@cocoademon.com.au
ph. 0407 044 175

[fireliuwei]

@cocoademon thanks, but it still not work

[fireliuwei]

@cocoademon ,that works thanks, #599