use display prop

Author: jogibear9988

package.json

@@ -1,7 +1,7 @@
 {
   "description": "Base Custom Webcomponent",
   "name": "@node-projects/base-custom-webcomponent",
-  "version": "0.27.3",
+  "version": "0.27.4",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",

src/BaseCustomWebComponent.ts

@@ -191,12 +191,9 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                         } else if (a.name.startsWith('bcw:')) {
                             if (a.name === 'bcw:visible') {
                                 const value = a.value.substring(2, a.value.length - 2).replaceAll('&', '&');
-                                const b1 = () => this._bindingSetElementCssValue(<HTMLElement | SVGElement>node, 'visibility', value + "?'':'collapse'", repeatBindingItems, host, context);
-                                const b2 = () => this._bindingSetElementCssValue(<HTMLElement | SVGElement>node, 'content-visibility', value + "?'':'hidden'", repeatBindingItems, host, context);
-                                this._bindings.push([b1, null]);
-                                this._bindings.push([b2, null]);
-                                b1();
-                                b2();
+                                const b = () => this._bindingSetElementCssValue(<HTMLElement | SVGElement>node, 'display', value + "?'" + node.style.display + "':'collapse'", repeatBindingItems, host, context);
+                                this._bindings.push([b, null]);
+                                b();
                             }
                         } else if (a.name.length === 28 && a.name === 'repeat-changed-item-callback') {
                             //do nothing