+ Start a Discussion

URGENT HELP NEEDED: e.recordSave event behaving weird in Lightning Component. Returning null sometimes

I have overridden standard Edit button with a Custom Lightning Component and that component is using force:recordEdit component in it to allow user edit the record.
I have a custom save method implemented in my component that is pretty much similar to example documented at Salesforce Lightning component reference.
The line in my save method cmp.find("edit").get("e.recordSave").fire(); is working very weirdly. Sometimes it is working fine and saving the record and sometimes throwing bellow error:
User-added image

Here is the code implemenation for this:

Component Code:
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:handler name="onSaveSuccess" event="force:recordSaveSuccess" action="{!c.handleSaveSuccess}"/>

<div id="slds-modal__DCamp" aura:id="slds-modal__DCamp">
    <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-describedby="modal-content-id-1" class="slds-modal slds-slide-up-saving">
        <div class="slds-modal__container">
            <header class="slds-modal__header">
                <lightning:buttonIcon iconName="utility:close" variant="bare" onclick="{! c.cancelEdit }"  class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse slds-button_icon-small" alternativeText="Close window."/>
                <h2 id="modal-heading" class="slds-text-heading_medium slds-hyphenate">Edit {!v.recordName}</h2>
            <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                <force:recordEdit aura:id="edit" recordId="{!v.recordId}"/>
            <footer class="slds-modal__footer">
                <lightning:button variant="neutral" label="Cancel" onclick="{! c.cancelEdit }" />
                <lightning:button variant="brand" label="Save" onclick="{! c.save }" />
    <div class="slds-backdrop slds-backdrop_open" style="visibility: visible;opacity: 1;"></div>
save : function(cmp, event) {
    console.log('----> inside save.');
handleSaveSuccess : function(cmp, event) {
    // Display the save status
    var toastEvent = $A.get("e.force:showToast");
        "type" : "Success",
        "mode" : "dismissible",
        "duration" : 5000,
        "message": "Record "+cmp.get("v.recordName")+" was saved."
    var  viewURL = "/"+cmp.get("v.recordId");
    var urlEvent = $A.get("e.force:navigateToURL");
        "isredirect" : false,
        "url": viewURL
Any idea, why it is behaving like this? any help on this will be greatly appreciated.
Pramodh KumarPramodh Kumar

are you implementing force:hasRecordId
<aura:component implements="force:hasRecordId">

    <!-- ... -->

Yes @Pramodh, I have implemented force:hasRecordId as I need record Id to update a record and also have implemented lightning:actionOverride interface as I'm overridding Standard Edit button.