fix(core): drawer positioning

- Updated CSS for drawer component to ensure inset styles are applied
- Enhanced tests to verify positioning at viewport edges for 'right' and 'bottom' positions.
Signed-off-by: Cory Rylan <crylan@nvidia.com>

Author: coryrylan

projects/core/src/drawer/drawer.css

@@ -107,17 +107,17 @@ nve-icon-button {
 }
 
 :host([position='left']) {
-inset: auto auto auto 0;
+inset: auto auto auto 0!important;
 }
 
 :host([position='right']) {
-inset: auto 0 auto auto;
+inset: auto 0 auto auto!important;
 }
 
 :host([position='top']) {
-inset:0 auto auto;
+inset:0 auto auto!important;
 }
 
 :host([position='bottom']) {
-inset: auto auto 0;
+inset: auto auto 0!important;
 }

projects/core/src/drawer/drawer.test.ts

@@ -137,6 +137,19 @@ describe(Drawer.metadata.tag, () => {
 expect(element.getAttribute('position')).toBe('right');
 });
 
+it.each(['right','bottom']asconst)('should position at the viewport %s edge',asyncposition=>{
+element.position=position;
+awaitelementIsStable(element);
+
+constopen=untilEvent(element,'open');
+element.showPopover();
+awaitopen;
+
+constedge=position==='right' ? 'right' : 'bottom';
+constviewportEdge=position==='right' ? window.innerWidth : window.innerHeight;
+expect(element.getBoundingClientRect()[edge]).toBe(viewportEdge);
+});
+
 it('should reflect modal attribute to DOM',async()=>{
 expect(element.hasAttribute('modal')).toBe(false);
 element.modal=true;