I am writing an extension for google chrome. When downloading *.js and .css files, the extension changes to *.html. How to fix?

Question

css

There is such an extension for chrome https://chrome.google.com/webstore/detail/gs-downl... , I write my own based on it.
there is this line
suggest({filename: newFileName, conflict_action: loadedsettings.conflictAction, conflictAction: loadedsettings.conflictAction});
so if you do newFileName="sometext.css" , then sometext.html will be downloaded,
but if there is such an entry
suggest({filename: ".." , conflict_action: loadedsettings.conflictAction, conflictAction: loadedsettings.conflictAction});
then it downloads normally, only in this case you cannot specify a folder for downloading, but it is very necessary.

Answer 1

If the image is made absolute, it will fall out of the stream and eventually the container will collapse to the height of the existing elements, i.e. text.
The problem can be solved in two ways:
1. Remove the image from the HTML and add it via "background-image" to the .composition-img block. But in this case, you will have to shamanize with the height of the container, which in the end adds extra work.
2. The second method is much more convenient: do not touch the image, let it set the height of the container in the stream. But you already make the text absolute and position it where you need it.
UPD: sketched in the sandbox .
If I helped you, please mark as a solution :)