Алексей Ярков: Пробовал сброс стилей, но это плохое решение. Остановился на решении с iframe. Изоляция работает.
У меня реакт не рендерил его, потому-что в функции render компонента, в который я поместил iframe, не был добавлен код для рендеринга детей - this.props.children.
Так вполне работает:
<iframe>
<span>Text in Iframe</span>
</iframe>
Можно и так в компоненте писать:
<iframe src={chrome.extension.getURL('frame.html')} />
Для того, чтобы получить ссылку на файлы через chrome.extension.getURL(), нужно и в манифесте прописать
"web_accessible_resources": [
"frame.html",
"frame-styles.css"
]
Я воспользовался первым способом и этим компонентом -
https://github.com/pqx/react-frame, чтобы задать ему css файл.