JS:- 
inlineEditName : function(component,event,helper){   
        // show the name edit field popup 
        component.set("v.nameEditMode", true); 
        // after the 100 millisecond set focus to input field  
      
       setTimeout(function(){ 
          component.find("inputId").focus();
         
       }, 100);
      
    },

Component:-

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId" access="global" >

    <ltng:require scripts="{!$Resource.Bootstrap + '/resource/Bootstrap/js/bootstrap.min.js'}" />
    <aura:attribute name="recordError" type="String"/>
    <aura:attribute name="recordInfo" type="Object" />
    <aura:attribute name="simpleRecord" type="opportunity"/>
    <aura:attribute name="recordId" type="String"/>
    <aura:attribute name="curView" type="String" />    
    <force:recordData aura:id="recordLoader"
                      recordId="{!v.recordId}"
                      layoutType="FULL"                      
                      targetRecord="{!v.recordInfo}"                        
                      targetFields="{!v.simpleRecord}"    
                      targetError="{!v.recordError}"
                      />
     <aura:attribute name="nameEditMode" type="boolean" default="false" />
    <aura:attribute name="ratingEditMode" type="boolean" default="false" />
    
    <div  class="demo-only demo-only--sizing slds-grid slds-wrap" style="width:1500px">
        <lightning:tabset>
            <lightning:tab label="Details">
                <lightning:tabset>
                  <lightning:tab label="Opportunity Info">
                     
                        <div class="slds-p-around_medium">
                            <div class="slds-form--stacked slds-grid slds-wrap">
                                 <aura:if isTrue="{!v.nameEditMode == false}">
                                <div class="slds-form-element slds-col slds-size_6-of-12">
                                    <label class="slds-form-element__label" for="recordName">Account Name</label>
                                    <div class="slds-form-element__control">
                                        <ul class="slds-has-dividers_bottom-space">
                                            <li class="slds-item">
                                                <ui:outputText value="{!v.simpleRecord.Name}" aura:id="accName"/>
                                                 <button onclick="{!c.inlineEditName}" class="slds-button slds-button_icon slds-cell-edit__button slds-m-left_x-small" tabindex="0" title="Edit Name">
                      <lightning:icon iconName="utility:edit" size="xx-small" alternativeText="edit"/>
                    </button>
                                               <!-- Inline Edit Section in else case-->  
                    <aura:set attribute="else">
                        <section  tabindex="0" class="slds-popover slds-popover_edit" role="dialog" style="position: absolute; top: 0px">
                            <div class="slds-popover__body">
                                <div class="slds-form-element slds-grid slds-wrap">
                                    <div class="slds-form-element__control slds-grow">
                                        <ui:inputText class="slds-input inputFieldWidth"
                                                      labelClass="slds-form-element__label slds-form-element__label_edit slds-no-flex"
                                                      aura:id="inputId"
                                                      blur="{!c.closeNameBox}"
                                                      change="{!c.onNameChange}"
                                                      required="true"
                                                      label="Name"
                                                      value="{!v.simpleRecord.Name}" />
                                    </div>
                                </div>
                            </div>
                            <span id="form-end" tabindex="0"></span>
                        </section>  
                    </aura:set> 
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                     
                                </aura:if> 
                                 <div class="slds-form-element slds-col slds-size_6-of-12">
                                    <label class="slds-form-element__label" for="recordOwnerName">Opportunity Owner</label>
                                    <div class="slds-form-element__control">
                                        <ul class="slds-has-dividers_bottom-space">
                                            <li class="slds-item">
                                                <ui:outputText value="{!v.simpleRecord.OwnerId}" aura:id="accIndustry"/>
                                            </li>
                                        </ul>
                                        
                                    </div>
                                </div>
                                <div class="slds-form-element slds-col slds-size_6-of-12">
                                    <label class="slds-form-element__label" for="recordOwnerName">Type</label>
                                    <div class="slds-form-element__control">
                                        <ul class="slds-has-dividers_bottom-space">
                                            <li class="slds-item">
                                                <ui:outputText value="{!v.simpleRecord.Type}" aura:id="accIndustry"/>
                                            </li>
                                        </ul>
                                        
                                    </div>
                                </div>
                                
                                <div class="slds-form-element slds-col slds-size_6-of-12">
                                    <label class="slds-form-element__label" for="accType">Description </label>
                                    <div class="slds-form-element__control">
                                        <ul class="slds-has-dividers_bottom-space">
                                            <li class="slds-item">
                                                <ui:outputText value="{!v.simpleRecord.StageName}" aura:id="accDesc"/>
                                            </li>
                                        </ul>
                                        
                                    </div>
                                </div> 
                                <div class="slds-form-element slds-col slds-size_6-of-12">
                                    <label class="slds-form-element__label" for="accType">LeadSource </label>
                                    <div class="slds-form-element__control">
                                        <ul class="slds-has-dividers_bottom-space">
                                            <li class="slds-item">
                                                <ui:outputText value="{!v.simpleRecord.LeadSource}" aura:id="accDesc"/>
                                            </li>
                                        </ul>
                                        
                                    </div>
                                </div> 
                                <div class="slds-form-element slds-col slds-size_6-of-12">
                                    <label class="slds-form-element__label" for="accType">Probability </label>
                                    <div class="slds-form-element__control">
                                        <ul class="slds-has-dividers_bottom-space">
                                            <li class="slds-item">
                                                <ui:outputText value="{!v.simpleRecord.Probability}" aura:id="accDesc"/>
                                            </li>
                                        </ul>
                                        
                                    </div>
                                </div> 
                                <div class="slds-form-element slds-col slds-size_6-of-12">
                                    <label class="slds-form-element__label" for="accType">Type </label>
                                    <div class="slds-form-element__control">
                                        <ul class="slds-has-dividers_bottom-space">
                                            <li class="slds-item">
                                                <ui:outputText value="{!v.simpleRecord.Type}" aura:id="accDesc"/>
                                            </li>
                                        </ul>
                                        
                                    </div>
                                </div> 
                                
                            </div>
                        </div>
                    </lightning:tab> 
                    <lightning:tab label="Product Info" title="2nd tab extended title">
                        Two Content !
                    </lightning:tab>
                    <lightning:tab label="INvoice Info">
                        Three Content !
                    </lightning:tab>
                </lightning:tabset>
                
            </lightning:tab> 
            <lightning:tab label="Item Two" title="2nd tab extended title">
                
            </lightning:tab>
            <lightning:tab label="Item Three">
                Three Content !
            </lightning:tab>
        </lightning:tabset>
    </div>
    
</aura:component>