Upgraded from from 6.0.8 to 6.8. Modal Window Not Displaying Correctly.

[jldayhoff]

Modal window does not display correctly after upgrading from 6.0.8 to 6.8. The buttons also do not have a border regardless of set to true or false.

[markacianfrani]

@jldayhoff are you able to reproduce an example using one of our sandboxes https://astro-components.netlify.app/?path=/story/astro-uxds-welcome-start-here--page or provide a code sample showing the markup you're using?

[jldayhoff]

Hello, I am unable to reproduce it in the mock up. But here is the code:

return (

RUNS

            {Object.entries(this.props.runs).map(([key, value])  => (
            
            <div style={{padding:2}}> 
                
            <div style={{padding:10, display: "flex",justifyContent: "space-between", margin: "auto" , border: "2px inset blue", width: 300}}> 
            
            <rux-icon icon="playlist-add" size="small" 
            label="Add to Configuration" style={{cursor: "pointer"}} onClick={() => this.props.selectConfigRun(key)}> </rux-icon> 
            
            
            <RuxButton title={"Send to Run Description"} onClick={() => this.props.selectUtilityRun(key)} 
            borderless="true" style={{}}> {value.name} </RuxButton> 

          
            <rux-icon icon="delete-forever" size="small" label="Delete Run" style={{cursor: "pointer"}} 
            onClick={(e) => {this.showModal(key,value.name)}}> </rux-icon> 
       
            </div>

            </div>
         
            ))}
            
            <RuxModal

            open= {this.state.show}
            modalMessage= {`Are you sure you want to delete ${this.state.current_name}?`} 
            modalTitle= {`Delete ${this.state.current_name}?`}   
            style={{modalMessage: "test"}}          
          
            onRuxmodalclosed = {(e) => {this.handleModal(e)}}
            >
             
            </RuxModal> 

When clicked, it produces:

It correctly rendered before I upgraded.

[jldayhoff]

My apologies. There was an older version of astro-web-components.css that was referenced. Pointed to the newest .css and I am good now. Thank You. This can be closed.

[micahjones13]

No worries, please let us know if there is anything we can do for you in the future!