Fragments displayed over each other

Question

I've got an Activity with a DrawerLayout, using the guidelines from http://developer.android.com/training/implementing-navigation/nav-drawer.html. When I click on an drawerItem, I replace the current view with the new fragment: ``` Fragment fragment; Bundle args = new Bundle(); fragment = new NewsListFragment(); args.putInt("category", position); // Insert the fragment by replacing any existing fragment FragmentManager fragmentManager = getSupportFragmentManager(); fragmentManager.beginTransaction() .replace(R.id.content_frame, fragment) .commit(); mDrawerList.setItemChecked(position, true); ``` Now, sometimes the old fragment is not replaced but the new fragment is placed on top of the old one: http://img15.imageshack.us/img15/3179/1kqj.png Why is this, and how to solve this problem? Relevant XML: ```

Accepted Answer

We went live with this version and havent received any complaints about this, so I will assume this was the correct answer:

in your `onCreateView` method add:

```
if (container != null) {
    container.removeAllViews();
}
```

Be sure to check if container is not null!

Thanks https://stackoverflow.com/users/2677588/lia-pronina!

Fragments displayed over each other

Solution

Problem