narayana/simple-translate
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fix the inserted <div> covering origin content (#151)

Browse source 
When inserting <div> after <body> element, it will create a new <body> to contain the new <div> element. This may cause part of the origin website content to be covered. So just use `beforeend` instead of `afterend` to avoid that.
This commit is contained in:
Ne1s07 2019-05-02 11:54:38 +08:00 committed by sienori
parent c2038d36fe
commit 1cd9da3873
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/content/index.js
View file

@ -2,5 +2,5 @@ import React from "react";
import ReactDOM from "react-dom"; import ReactDOM from "react-dom";
import TranslateContainer from "./components/TranslateContainer"; import TranslateContainer from "./components/TranslateContainer";
document.body.insertAdjacentHTML("afterend", "<div id='simple-translate'></div>"); document.body.insertAdjacentHTML("beforeend", "<div id='simple-translate'></div>");
ReactDOM.render(<TranslateContainer />, document.getElementById("simple-translate")); ReactDOM.render(<TranslateContainer />, document.getElementById("simple-translate"));