Радио-кнопка, вызывающая сбой extenrion

Question

Я пытаюсь вставить некоторые переключатели бутстрапа twitter в расширение chrome, но всякий раз, когда я нажимаю на неактивную кнопку, расширение перезагружается, а кнопки остаются прежними.

Я заметил в короткий промежуток времени перед перезагрузкой, что консоль расширения выводила проблему собственной безопасности источника-scr.

Просто, чтобы быть уверенным, что я полностью удалил все js из расширения (даже не 1 строку), но с удивлением проблема все еще там. Однако не ошибка безопасности.

Я понятия не имею, что вызывает проблему ...

Вот один из радио БТН

<span class="btn-group" data-toggle="buttons-radio" style="width:100%"> 
    <button class="btn btn-inverse" style="width:50%">First</button> 
    <button class="btn btn-inverse active" style="width:50%">Second</button> 
</span> 

На данный момент нет НИКАКИХ JS вообще в целом расширение, прежде чем оно было вызывается в head.

Проблема возникает, когда я нажимаю на First, что является неактивным btn.

Answer 1

Так я понял, что проблема заключалась в том, что элементы радио находятся внутри form элемента

Я переписан по кусочкам все это и проблема появилась ОНЛ, когда я завернул радио кнопок BTN внутри форма.

Я понятия не имею, почему это проблема.

Answer 2

Возможно, это связано с политикой безопасности контента, которая предотвращает использование встроенного стиля. Вы можете увидеть более подробную информацию о CSP for Chrome extensions page.

Вы можете расслабить свой CSP для стилей, добавив style-src 'self' 'unsafe-inline'; в файл манифеста.

"content_security_policy": "default-src 'self' style-src 'self' 'unsafe-inline';" 

Это позволит вам продолжать использовать встроенный стиль в своем расширении.