Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

nz-carousel's width doesn't changed after the window resized #1811

Closed
wuiancocos2d opened this issue Jul 11, 2018 · 6 comments
Closed

nz-carousel's width doesn't changed after the window resized #1811

wuiancocos2d opened this issue Jul 11, 2018 · 6 comments
Assignees
@wzhudev
Labels
💪 Enhancement

Comments

@wuiancocos2d
Copy link

Version

1.1.1

Environment

windows 7 / chrome 65.0.3325.181

Reproduction link

https://ng-zorro-antd-start.stackblitz.io

Steps to reproduce

<nz-carousel>
	<div nz-carousel-content>
		<div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12">
			<h3>Title of image</h3>
		</div>
		<div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12">
			<img src="https://i2.wp.com/www.cartwheelart.com/site/wp-content/uploads/2018/01/49-Romero.jpg?w=600" alt="" style="width:100%">
		</div>
	</div>
</nz-carousel>

What is expected?

nz-carousel's width will be changed after the window resized

What is actually happening?

nz-carousel's width doesn't changed after the window resized

Other?

use nz-carousel-content with ng grid
@wuiancocos2d

This comment has been minimized.

Sign in to view
@hsuanxyz
Copy link
Member

@wuiancocos2d You need to click FORK button the get a unique URL with stackblitz.

@wuiancocos2d
Copy link
Author

https://stackblitz.com/edit/ng-zorro-antd-start-bg1lwd?file=src/index.html
@hsuanxyz thx for you advice !!

@hsuanxyz
Copy link
Member

@wuiancocos2d

We will fix it next version.

You can use this temporary hack(https://stackblitz.com/edit/nz-carousel-resize) now.

wzhudev pushed a commit to wzhudev/ng-zorro-antd that referenced this issue Jul 11, 2018
fix(carousel): resize content after window resized (NG-ZORRO#1811)
a6d73fd
wzhudev pushed a commit to wzhudev/ng-zorro-antd that referenced this issue Jul 11, 2018
fix(carousel): resize content after window resized (NG-ZORRO#1811)
dd6f634
@wuiancocos2d
Copy link
Author

@hsuanxyz thx very much!!

wzhudev pushed a commit to wzhudev/ng-zorro-antd that referenced this issue Jul 12, 2018
fix(carousel): resize content after window resized
927cc99 
close NG-ZORRO#1811
@wzhudev wzhudev self-assigned this Jul 16, 2018
wzhudev pushed a commit to wzhudev/ng-zorro-antd that referenced this issue Jul 20, 2018
fix(carousel): resize content after window resized
362ec88 
close NG-ZORRO#1811
@wzhudev wzhudev mentioned this issue Jul 22, 2018
Merged
3 tasks
hsuanxyz pushed a commit to hsuanxyz/ng-zorro-antd that referenced this issue Jul 22, 2018
@hsuanxyz
fix(carousel): resize content after window resized (NG-ZORRO#1815)
c81da52 
close NG-ZORRO#1811
vthinkxie pushed a commit that referenced this issue Jul 22, 2018
fix(carousel): resize content after window resized (#1815)
1e0a029 
close #1811
wenqi73 pushed a commit to wenqi73/ng-zorro-antd that referenced this issue Aug 27, 2018
@wenqi73
fix(carousel): resize content after window resized (NG-ZORRO#1815)
f451bdb 
close NG-ZORRO#1811
@lock
Copy link

lock bot commented Jul 22, 2019

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.

@lock lock bot locked as resolved and limited conversation to collaborators Jul 22, 2019
hsuanxyz pushed a commit to hsuanxyz/ng-zorro-antd that referenced this issue Aug 5, 2020
fix(carousel): resize content after window resized (NG-ZORRO#1815)
b135f5b 
close NG-ZORRO#1811
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@wzhudev wzhudev

Labels
💪 Enhancement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@wuiancocos2d @wzhudev @hsuanxyz