flicker problem in iphone6 plus

[3Spiders]

when i switched the tabs,the tabs background have a flicker in the whole tab area，the background is #333,the opacity is about 0.3.is iphone6 plus‘s trouble？

[danez]

Can you post an example to look at? Without anything to look at I cannot answer.

[3Spiders]

its no flash in andorid,iphone had.i cant shot screen,its so fast,i will try change your code or use other tab

[3Spiders]

you can try in iphone6 or iphone6plus,i guess this problem also in iphone 6s.

[3Spiders]

i guess the focus operation have an influence on tab

[3Spiders]

http://dev.miguai.top:19552/#/find/list visit this url

[danez]

I don't have an iphone, so I cannot test. If you can figure out what is the problem, feel free to create a PR.

[3Spiders]

thank you，if i have any question，i will quiz

[brunosantanarj]

i am having the same problem, some solution ?

[JarrydTrokis]

The fix is a simple CSS change:

Add the following line to the react tabs class
-webkit-tap-highlight-color: transparent;

[refanbanzhang]

@JarrydTrokis thank you very much!

[ghost]

Any idea when this will be released?

[ghost]

Actually, commit 5d608aa didn't fix this for me after I applied it manually by editing node_modules/react-tabs/style/react-tabs.css. I know that my manual edits got applied because I tried adding background-color: aqua to one of the selectors and I saw the change after re-starting my create-react-app dev server.

What finally did work for me was to add the following CSS to my local assets/css/styles.css:
(from stackoverflow)

* {
  -webkit-tap-highlight-color: transparent;
}

My main index.js file now looks like this:

import React from 'react';
import ReactDOM from 'react-dom';

import './assets/css/styles.css';
import 'react-tabs/style/react-tabs.css';

import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

[ghost]

I'm on iPhone 6s with iOS 11.4 using Safari.

[danez]

Fix now for real in 25cfa16