I have created one Lightning aura component in Sales cloud which is working fine desktop browser, and on the Salesforce App on Android device.Where as blank screen is comming for Salesforce App on iOS devices.custom modal is not opening when variable display is true for IOS .

<aura:component Controller='DeleteWithCheckboxController' implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <!--Declare Attributes-->  
    <aura:attribute name="ListOfQuoteLineItem" type="QuoteLineItem[]" />
    <aura:attribute name="selectedCount" type="integer" default="0"/>
    <aura:attribute name="QuoteRef" type="Quote"/>
    <aura:attribute name="inputfield" type="boolean" default="false"/>
    <aura:attribute name="QuoteRef2" type="Quote" default="{'sObjectType' : 'Quote','Status':'','Approval_Process_Started__c':''}"/>
    <aura:attribute name="display" type="Boolean"/>
    
    <!--style to incraee width-->
      <aura:html tag="style">
        .slds-modal__container{
        max-width: 80rem !important;
        width:100% !important;
        }
    </aura:html>
   
    <!--aura init handler , call js "loadQuoteLineItemList" function on component load, and display QuoteLineItem data on table-->   
    <aura:handler name="init" value="{!this}" action="{!c.onLoadSelect}"/>
    <!--Header part-->
                    <ui:scrollerWrapper class="scrollableWrap">

        <aura:if isTrue="{!v.display}">
            <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
                <div class="slds-modal__container">
                    
                    <!--###### MODAL BOX BODY Part Start######-->
                    <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                        <p><b> Click on confirm to complte the operation
                            </b>
                        </p>
                    </div>
                    <!--###### MODAL BOX FOOTER Part Start ######-->
                    <footer class="slds-modal__footer">
                        <div class="slds-m-top_medium" >
                            
                            <br/>
                            <div class="slds-clearfix">
                                <div class="slds-float_right">
                                    <lightning:button label="Confirm" variant="brand" onclick="{!c.deleteSelected}"/>
                                    <lightning:button label="Cancel" onclick="{!c.cancel}" variant="destructive"/>
                                    
                                </div>
                            </div>
                        </div>  
                    </footer>
                </div>
            </section>
            <!--div class="slds-backdrop slds-backdrop_open"></div-->
            <!--###### MODAL BOX Part END Here ######-->
            
            
        </aura:if> 
        <aura:if isTrue="{!v.inputfield}">
              

            <div  >
                <span class="slds-badge">Selected Quote Line Item:{!v.selectedCount}</span>   <br/>
            </div>
            <br/>
            <!--contacts table part--> 

            <table class="slds-table slds-table--bordered slds-table--cell-buffer" width="80%">
                <thead>
                    <tr class="slds-text-title--caps">
                        <th style="width:3.25rem;" class="slds-text-align--right">
                            <div class="slds-form-element">
                                <div class="slds-form-element__control">
                                    <label class="slds-checkbox">
                                        <!--header checkbox for select all-->
                                        <ui:inputCheckbox aura:id="box3" change="{!c.selectAll}"/>
                                        <span class="slds-checkbox--faux"></span>
                                        <span class="slds-form-element__label text"></span>
                                    </label>
                                </div>
                            </div>
                        </th>
                        <th>
                            <span class="slds-truncate" title="Product Code">Product Code</span>
                        </th>
                        <th>
                            <span class="slds-truncate" title="Name">Product Name</span>      
                        </th>
                        
                    </tr>
                </thead>
                <!--table body start, 
         Iterate contact list as a <tr>
         -->
                <tbody>
                    <aura:iteration items="{!v.ListOfQuoteLineItem}" var="quoteLine">
                        <tr>
                            <td scope="row" class="slds-text-align--right" style="width:3.25rem;">
                                <div class="slds-form-element">
                                    <div class="slds-form-element__control">
                                        <label class="slds-checkbox">
                                            <ui:inputCheckbox text="{!quoteLine.Id}" aura:id="boxPack" value="" change="{!c.checkboxSelect}"/>
                                            <span class="slds-checkbox--faux"></span>
                                            <span class="slds-form-element__label text"></span>
                                        </label>
                                    </div>
                                </div>
                            </td>
                            <td scope="row">
                                <div class="slds-truncate" title="{!quoteLine.Product_Code__c}">{!quoteLine.Product_Code__c}</div>
                            </td>
                            <td scope="row">
                                <div class="slds-truncate" title="{!quoteLine.PLSI_Product_Name__c}"><a>{!quoteLine.PLSI_Product_Name__c}</a></div>
                            </td>
                          
                            
                        </tr>
                    </aura:iteration>
                </tbody>
            </table>
               

            <br/>
            <div class="slds-clearfix">
                <div class="slds-float_right">
                    <lightning:button label="Delete"  variant="brand" onclick="{!c.openCofirmOption}"/>
                    <lightning:button label="Cancel" onclick="{!c.cancel}" variant="destructive"/>
                </div>
            </div>
            
            
        </aura:if>
</ui:scrollerWrapper>
</aura:component>

I have created one Lightning aura component in Sales cloud which is workinf fine desktop browser, and on the Salesforce App on Android device.Where as blank screen is comming for Salesforce App on iOS devices.

 var pageReference = {
                    type: 'standard__component',
                    attributes: {
                           componentName: 'c__EditInLineTableOpportunityLighting'
                    },
                    state: {
                        
                        c__refRecordId: component.get("v.recordId")
                    }
                };
                component.set("v.pageReference", pageReference);
                const navService = component.find('navService');
                const pageRef = component.get('v.pageReference');
                const handleUrl = (url) => {
                    window.open(url);
                };
                    const handleError = (error) => {
                    console.log(error);
                };
                    navService.generateUrl(pageRef).then(handleUrl, handleError);
                    $A.get("e.force:closeQuickAction").fire();  

I have created one Lightning aura component in Sales cloud which is workinf fine desktop browser, and on the Salesforce App on Android device,but not working in IOS .

 var pageReference = {
                    type: 'standard__component',
                    attributes: {
                           componentName: 'c__EditInLineTableOpportunityLighting'
                    },
                    state: {
                        
                        c__refRecordId: component.get("v.recordId")
                    }
                };
                component.set("v.pageReference", pageReference);
                const navService = component.find('navService');
                const pageRef = component.get('v.pageReference');
                const handleUrl = (url) => {
                    window.open(url);
                };
                    const handleError = (error) => {
                    console.log(error);
                };
                    navService.generateUrl(pageRef).then(handleUrl, handleError);
                    $A.get("e.force:closeQuickAction").fire();  

I have created one Lightning aura component in Sales cloud which is workinf fine desktop browser, and on the Salesforce App on Android device.Where as blank screen is comming for Salesforce App on iOS devices.

 var pageReference = {
                    type: 'standard__component',
                    attributes: {
                           componentName: 'c__EditInLineTableOpportunityLighting'
                    },
                    state: {
                        
                        c__refRecordId: component.get("v.recordId")
                    }
                };
                component.set("v.pageReference", pageReference);
                const navService = component.find('navService');
                const pageRef = component.get('v.pageReference');
                const handleUrl = (url) => {
                    window.open(url);
                };
                    const handleError = (error) => {
                    console.log(error);
                };
                    navService.generateUrl(pageRef).then(handleUrl, handleError);
                    $A.get("e.force:closeQuickAction").fire();  

Hi All, 

I Have Qucik Action Button Which calls Lc Componennt and LC component will navigate to LWC.

for now on click of Quick Action it is showing in same page.

i want to open in new page with custom URL.

can someone suggest me. 
here my code 

LC : Component
 

aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,force:lightningQuickAction,lightning:isUrlAddressable" >
    <lightning:navigation aura:id="navService"/>
    <aura:attribute name="pageReference" type="Object"/>
    <aura:handler name="init" action="{!c.navigateToLC}" value="{!this}" />
</aura:component>

 

 navigateToLC : function(component, event, helper) {
        var pageReference = {
            type: 'standard__component',
            attributes: {
                componentName: 'c__searchcomponent1_LWC'
            },
            state: {
                c__refRecordId: component.get("v.recordId")
            }
        };
        component.set("v.pageReference", pageReference);
        const navService = component.find('navService');
        const pageRef = component.get('v.pageReference');
        const handleUrl = (url) => {
            window.open(url);
            console.log(component.get("v.recordId"))
        };
        const handleError = (error) => {
            console.log(error);
        };
        navService.generateUrl(pageRef).then(handleUrl, handleError);
    }

Thanks in Advance.