Javascript D3 Foreign Object use for Text Wrapping

I am trying to use Foreign Objects to text wrap within a circle node in my JavaScript code. Currently, the circle shape (built on top of the node object) will expand its radius on click to encompass the screen and then shrink back to original size on a mouseout event. I am trying to get the foreign object to behave the same way. I am able to get the foreign object to show in the circle when it expands but it remains there after the mouse out event. This seems to be a precedent issue, does anyone have a solution to this or another way to efficiently wrap text within a circle node?