LibGDX buttons bounds are wrong

Question

I am making a simple gui in libgdx and run into this problem ; when you click on the button it's bounds (?) are wrong since if I click under it, the game registers it as a click.

On the other end, if I click it at the top it won't get the click. It seems like the bounds are a bit under the button. I tried to set manually but nothing.

Also i tried changing sizes.

Looked here : too this is almost the same but no answer..

tabl = new Table();
    stage =new Stage();
    tabl.setSize(stage.getWidth()/2, stage.getHeight()/2);
    tabl.defaults().size(500, 40);

    g = game;

    Gdx.input.setInputProcessor(stage);




    skin = new Skin(); 



    TextureAtlas te = new TextureAtlas(Gdx.files.internal("uiskin.atlas")); 

    skin.addRegions(te);
    skin.add("default-font", new BitmapFont());
    skin.load(Gdx.files.internal("uiskin.json"));


    Pixmap r = new Pixmap(100,100,Format.RGBA8888);
    r.setColor(0xff0000ff);

    r.fillRectangle(1, 1, 13, 13);
    Texture s = new Texture(r);
    SpriteDrawable s1 = new SpriteDrawable(new Sprite(s));

    TextButton gam = new TextButton("new games",skin);

    gam.addListener(new InputListener() {
        @Override
        public boolean touchDown(InputEvent event, float x, float y,
                int pointer, int button) {
            // TODO Auto-generated method stub
            //g.setScreen(null);
            new Logger("e").setLevel(10);
            return true;
        }
    });

    /*super.getS*/
    LabelStyle tt = new LabelStyle(new BitmapFont(), Color.BLUE);
    Label l = new Label("d",tt);

    tabl.add(gam);



    tabl.setDebug(true);

    stage.addActor(tabl);

Answer 1

Not exactly sure what is going but I always create a stage with a viewport (with or without a camera). Something like this:

stage = new Stage(new ScreenViewport());

table = new Table();
table.alight(Align.top | Align.center);
table.setFillParent(true); //To have it fill the screen

TextButton button = new Button("Click me", skin);
button.addListener(new ClickListener()
{
     @Override
     public void clicked(InputEvent event, float x, float y)
     {
          system.out.println("You clicked me!")
     }
});

table.add(button);

stage.addActor(table);

I did not test the above but it should create a table with a button at the top of the screen. The bounds should be perfect as well. Try it, there is not much code and recreate it step by step. If the code above does not work let me know, sometimes this scene2D stuff gives me headaches too :).