Tinymce in different tabs of bootstrap doesnt work

[SanaWaseem]

I have a scenario where i have multiple tabs of angular bootstrap. In each tab there is an input on click of that input the rich text box appear and on blur it turns back to input type textbox. My issue is whenever there is one tab this functionality works well but whenever i add 2 tabs and click on first tab's input and write on rich text box and then move to second tab and try to click the input, the richtextbox keeps on appearing and disappearing and i get the following error

Uncaught TypeError: Cannot read property 'focus' of null
at L.focus (tinymce.min.js:12478)
at tinymce.min.js:12461
at tinymce.min.js:423

One more thing that is worth noting is that the blur event is being called on clicking the second tab's input.

Please help.