Typo in CSS ? bottom: -100%\9

Tags: #<Tag:0x00007efc6512ce70>
#1

what is \9 in css below. is this typo or valid character, Do i need modify webpack to recognize this character, build is failing due to unrecognize charactor

line 513: bottom: -100%\9 ; /* Fix for IE9 to spread the “:before” pseudo element to 100% height of the parent element */

verison 8.4.0

#2

Hi @harisalipk

That is not a typo, it’s a workaround for IE9.

Could you share your webpack.config.js and describe how do you import CSS to your project?

#3

Also migrating to webpack 5 and miniCSS plugin,
But as of now using Webpack 2.2.x, with ExtracTextPlugin

const ExtracTextPlugin = require(‘extract-text-webpack-plugin’)

module.export = {
…
module: {
…
rules: [
{
test: /.(css|…)$/,
use: ExtracTextPlugin({
use: [‘css-loader’, ‘less-loader’]
})
}
]
}

plugins: [
new ExtracTextPlugin(‘styles…css’)
]
}

css-loader version = 0.26.2 (will be upgraded to 5.2.5)

#4

Hi @harisalipk,
In Handsontable we use webpack@4 and mini-css-extract-plugin to process CSS files. At the moment, in your case, I suppose the best option is not to import handsontable/dist/handsontable.full.css (in js/css/less files) but concatenate handsontable/dist/handsontable.full.min.css with your styles.css file.

#5