fix(styling): regression caused by using style.setProperty with camelCase

[ghiscoding]

found a regression caused by recent PR #2417 which changed from

elem.style[cssStyleKey as CSSStyleDeclarationWritable] = css[cssStyleKey];

to

elem.style.setProperty(cssStyleKey, css[cssStyleKey]);

but this caused a regression with the style because I was previously using camelCase (e.g. zIndex or backgroundColor) but switching to style.setProperty(prop) has side effect since I didn't notice that this function actually uses kebab-case instead (e.g. "z-index") so that introduced a visible regression with cell range selector. I noticed this issue because the cell range decorator requires a zIndex that no longer worked with the regression.

with bug

with fix, expected cell border around cell selections by properly using z-index assignment

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.0%. Comparing base (7938ba5) to head (05a1da1).
⚠️ Report is 9 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #2439   +/-   ##
=======================================
  Coverage   100.0%   100.0%           
=======================================
  Files         196      196           
  Lines       24354    24357    +3     
  Branches     8544     8543    -1     
=======================================
+ Hits        24354    24357    +3     

Flag	Coverage Δ
angular	100.0% <ø> (ø)
universal	100.0% <100.0%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[pkg-pr-new]

angular-slickgrid

npm i https://pkg.pr.new/angular-slickgrid@2439

aurelia-slickgrid

npm i https://pkg.pr.new/aurelia-slickgrid@2439

slickgrid-react

npm i https://pkg.pr.new/slickgrid-react@2439

slickgrid-vue

npm i https://pkg.pr.new/slickgrid-vue@2439

@slickgrid-universal/angular-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/angular-row-detail-plugin@2439

@slickgrid-universal/aurelia-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/aurelia-row-detail-plugin@2439

@slickgrid-universal/react-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/react-row-detail-plugin@2439

@slickgrid-universal/vue-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/vue-row-detail-plugin@2439

@slickgrid-universal/binding

npm i https://pkg.pr.new/@slickgrid-universal/binding@2439

@slickgrid-universal/common

npm i https://pkg.pr.new/@slickgrid-universal/common@2439

@slickgrid-universal/composite-editor-component

npm i https://pkg.pr.new/@slickgrid-universal/composite-editor-component@2439

@slickgrid-universal/custom-footer-component

npm i https://pkg.pr.new/@slickgrid-universal/custom-footer-component@2439

@slickgrid-universal/custom-tooltip-plugin

npm i https://pkg.pr.new/@slickgrid-universal/custom-tooltip-plugin@2439

@slickgrid-universal/empty-warning-component

npm i https://pkg.pr.new/@slickgrid-universal/empty-warning-component@2439

@slickgrid-universal/event-pub-sub

npm i https://pkg.pr.new/@slickgrid-universal/event-pub-sub@2439

@slickgrid-universal/excel-export

npm i https://pkg.pr.new/@slickgrid-universal/excel-export@2439

@slickgrid-universal/graphql

npm i https://pkg.pr.new/@slickgrid-universal/graphql@2439

@slickgrid-universal/odata

npm i https://pkg.pr.new/@slickgrid-universal/odata@2439

@slickgrid-universal/pagination-component

npm i https://pkg.pr.new/@slickgrid-universal/pagination-component@2439

@slickgrid-universal/pdf-export

npm i https://pkg.pr.new/@slickgrid-universal/pdf-export@2439

@slickgrid-universal/row-detail-view-plugin

npm i https://pkg.pr.new/@slickgrid-universal/row-detail-view-plugin@2439

@slickgrid-universal/rxjs-observable

npm i https://pkg.pr.new/@slickgrid-universal/rxjs-observable@2439

@slickgrid-universal/text-export

npm i https://pkg.pr.new/@slickgrid-universal/text-export@2439

@slickgrid-universal/utils

npm i https://pkg.pr.new/@slickgrid-universal/utils@2439

@slickgrid-universal/vanilla-bundle

npm i https://pkg.pr.new/@slickgrid-universal/vanilla-bundle@2439

@slickgrid-universal/vanilla-force-bundle

npm i https://pkg.pr.new/@slickgrid-universal/vanilla-force-bundle@2439

commit: feb4c7a

[github-actions]

🎉 This pull request is included in version 10.1.1 📦
🔗 The release notes are available at: GitHub Release 🚀