Matter.js: Small circle acentric in a bigger circle

I’m using matter.js to do some simple tests. With Constraint I fix a small circle acentric in a bigger circle. The gravity should place the small circle downwards and should rotate the big circle a bit, but it doesn’t happen. What’s wrong?

Any idea how to get this effect?

Please have a look at this pen:
http://codepen.io/tornord/pen/YNBWKEA Pen to demonstrate the case

var Engine = Matter.Engine, Render = Matter.Render, Runner = Matter.Runner,
    Body = Matter.Body, Composites = Matter.Composites, Common = Matter.Common,
    Constraint = Matter.Constraint, MouseConstraint = Matter.MouseConstraint,
    Mouse = Matter.Mouse, World = Matter.World, Bodies = Matter.Bodies;

var engine = Engine.create(),
    world = engine.world;

var render = Render.create({
  element: document.body,
  engine: engine,
  options: {
    width: Math.min(document.documentElement.clientWidth, 800),
    height: Math.min(document.documentElement.clientHeight, 400),
    showAngleIndicator: true
  }
});

Render.run(render);
var runner = Runner.create();
Runner.run(runner, engine);

var group = Body.nextGroup(true);
var cirA = Bodies.circle(400, 60, 80,{ collisionFilter: { group: group }, restitution: 0.9,frictionStatic:0.01, density: 0.001 }); 
var cirB = Bodies.circle(460, 60, 15,{ collisionFilter: { group: group }, density: 0.1 });
var ground = Bodies.rectangle(400, 390, 800, 20, { isStatic: true }); 
var const1 = Constraint.create({ bodyA: cirA, pointA: { x: 60, y: 0 }, bodyB: cirB, pointB: { x: 0, y: 0 }, length: 0.01 , stiffness: 1 });
World.add(world, [cirA, cirB, const1, ground]);  

var mouse = Mouse.create(render.canvas),
    mouseConstraint = MouseConstraint.create(engine, {
      mouse: mouse,
      constraint: { stiffness: 0.2, render: { visible: false } }
    });

World.add(world, mouseConstraint);
render.mouse = mouse;
Render.lookAt(render, {
  min: { x: 0, y: 0 },
  max: { x: 800, y: 400 }
});


Source: stackoverflow-javascript